首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >更改场景的标题元素的文本颜色

更改场景的标题元素的文本颜色
EN

Stack Overflow用户
提问于 2018-08-30 03:34:07
回答 1查看 626关注 0票数 0

我正在使用React Native和react-native-router-flux创建一个小型的Android移动应用程序。

除了主屏幕的leftTitlerightTitle属性之外,我已经定制了所有内容。我可以命名它们,但我不能定义它们的样式。它们保持这种蓝色,如下图所示。

以下是该场景的代码:

代码语言:javascript
复制
<Scene
  rightTitle="Add"
  onRight = { () => Actions.employeeCreate() }
  key="employeeList"
  component={EmployeeList}
  title="Employees"
  leftTitle="Log Out"
  onLeft={ () => logUserOut() }
  initial
/>

有人知道如何更改标题文本的颜色吗?

谢谢!

EN

回答 1

Stack Overflow用户

发布于 2020-01-28 08:20:54

与@Akila所说的相反,道具与样式无关。是的,您可以使用props设置导航栏的样式,如react-native-router-flux文档中所述

如你所见,我自己用Click here for the documentation设置了样式

以下是代码

代码语言:javascript
复制
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文件中设置样式更好

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/52084880

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档