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

前端之家收集整理的这篇文章主要介绍了如何设置react-native-router-flux的样式?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用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>

但它没有做任何事情.

请给我一些关于好文档的参考,如果可能的话,请给我一些关于如何设置路由器样式的信息.我在哪里可以找到一份全面的文件

sceneStyle道具用于设置所有RNRF场景/屏幕的样式,这是屏幕的内容部分(标题下方).如果要为所有RNRF场景标题提供自定义样式,则必须在RNRF路由器组件中使用navigationBarStyle props.
<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

猜你在找的React相关文章