如何在 react-native-router-flux 中设置 Scene 组件的标题

【问题标题】：How to set up title of Scene component in react-native-router-flux如何在 react-native-router-flux 中设置 Scene 组件的标题
【发布时间】：2019-12-01 07:18:53
【问题描述】：

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

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

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

【问题讨论】：

标签： css reactjs react-native react-redux react-native-router-flux

【解决方案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>
)

【讨论】：

不客气。如果这对您有用，请将此答案检查为“正确答案”。