react-native-router-flux 如何设置Scene组件的title

Question

我有 react-native-router-flux 的普通场景组件。我想设置场景的标题。如何设置标题的属性。

例如我想要标题的背景颜色："red"， alignItems:"center" 像这样。

return (
    <Router>
      <Scene key="root">
        <Scene key="login"
          component={LoginForm}
          title="Login"
        />
      </Scene>
    </Router>
)

Answer 1

尝试像这样添加道具 titleStyle：

const styles = StyleSheet.create({
    navigationBarTitleStyle: {
        backgroundColor: 'green',
    }
});

return (
    <Router>
      <Scene key="root">
        <Scene key="login"
          component={LoginForm}
          title="Login"
          titleStyle={styles.navigationBarTitleStyle}
        />
      </Scene>
    </Router>
)