更改场景的标题元素的文本颜色
更改场景的标题元素的文本颜色
提问于 2018-08-30 03:34:07
我正在使用React Native和react-native-router-flux创建一个小型的Android移动应用程序。
除了主屏幕的leftTitle和rightTitle属性之外，我已经定制了所有内容。我可以命名它们，但我不能定义它们的样式。它们保持这种蓝色，如下图所示。
以下是该场景的代码：
<Scene
rightTitle="Add"
onRight = { () => Actions.employeeCreate() }
key="employeeList"
component={EmployeeList}
title="Employees"
leftTitle="Log Out"
onLeft={ () => logUserOut() }
initial
/>有人知道如何更改标题文本的颜色吗？
谢谢!
回答 1
Stack Overflow用户
发布于 2020-01-28 08:20:54
与@Akila所说的相反，道具与样式无关。是的，您可以使用props设置导航栏的样式，如react-native-router-flux文档中所述
如你所见，我自己用Click here for the documentation设置了样式
以下是代码
const App = () => {
return(
<Router navigationBarStyle={{ backgroundColor: '#3F51B5' }}>
<Scene key="root">
<Scene key="home" component={ HomeScreen } title="Home" titleStyle={ { color:
"#ffffff" } } initial />
<Scene key="about" component={ AboutScreen } title="About" titleStyle={ { color:
"#ffffff" } } navBarButtonColor="white"/>
</Scene>
</Router>
)
}在我看来，在定义特定于导航栏的样式时，这样做比直接在src文件中设置样式更好
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/52084880
复制相关文章
相似问题
腾讯云开发者
