react-native - 如何设置 react-native-router-flux 的样式？

Question

我在我的学习项目中使用 react-native-router-flux 4.0.0-beta.17。我需要自定义标题。例如背景颜色、标题对齐等。我找不到关于它的好文档。其中一个有类似的东西

 <Router sceneStyle={{backgroundColor: '#81b71a'}}>
     <Scene key="root">
        <Scene key='login' component={LoginForm} title='Please Login :)' />
     </Scene>
 </Router>

但它没有做任何事情。

请给我一些关于好的文档的引用，如果可能的话，还有一些关于如何设计路由器样式的信息。在哪里可以找到综合文档？

Answer 1

sceneStyle props 用于设置所有 RNRF 场景/屏幕的样式，这是屏幕的内容部分(标题下方)。如果您想为所有 RNRF 场景标题提供自定义样式，则必须使用 navigationBarStyle RNRF 路由器组件中的 Prop 。

<Router navigationBarStyle={{ backgroundColor: '#81b71a' }}>
  <Scene key="root">
    <Scene key='login' component={LoginForm} title='Please Login :)' />
  </Scene>
</Router>

如果我使用它，下面是快照示例之一。



引用: https://github.com/aksonov/react-native-router-flux/blob/master/docs/API.md