React Native: Wie Hintergrundfarbe für die gesamte App und individuelle Szene in react-native-Router-flux festlegen?

Question

In React Native mit react-native-router-flux, Wie kann ich die Hintergrundfarbe für die gesamte App und auch einzelne Szene einstellen?

Hier ist meine aktuelle aufgebaut:

const RouterWithRedux = connect()(Router) 
const store = configureStore() 

export default class App extends Component { 
    render() { 
    return (
     <Provider store={store}> 
     <RouterWithRedux> 
      <Scene key='root'> 
      <Scene initial={true} key='login' component={Login} title='Login Page'/> 
      <Scene key='register' component={Register} title='Register'/> 
      </Scene> 
     </RouterWithRedux> 
     </Provider> 
    ) 
    } 
} 

Danke

Answer 1

Im API documentation, Sie beide sceneStyle oder getSceneStyle auf Router und Scene verwenden (nur getSceneStyle für Router obwohl).

EDIT

In der Router können Sie nur getSceneStyle verwenden und Sie müssen eine Funktion passieren:

// .. 
const getSceneStyle = (/* NavigationSceneRendererProps */ props, computedProps) => { 
    const style = { 
    backgroundColor: 'blue', 
    }; 
    return style; 
}; 
// .. 
<Router getSceneStyle={getSceneStyle} {...otherProps}> 
// .. 

Für Ihre Scene s Sie nur ein Objekt oder StyleSheet Objekt sceneStyle passieren kann oder verwenden Sie (stellen Sie sicher, dass Sie eine Funktion wie oben angegeben übergeben):

<Scene 
    key="my-scene" 
    component={MyScene} 
    sceneStyle={{ 
    backgroundColor: 'red', 
    }} 
    title="My Scene" /> 

Dies überschreibt den blauen Hintergrund.