首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >如何让每个标签页在react-native中具有不同的标题样式和内容?

如何让每个标签页在react-native中具有不同的标题样式和内容?
EN

Stack Overflow用户
提问于 2018-08-05 04:25:28
回答 2查看 806关注 0票数 0

我尝试了标签导航,但标题是相同的主根页面,如何获得不同的标题为每个选项卡节请帮助我。

EN

回答 2

Stack Overflow用户

发布于 2018-08-05 04:41:19

您可以为您在tabnavigator中指定的每个屏幕组件设置导航选项。例如,您有一个HomeView:

代码语言:javascript
代码运行次数:0
运行
复制
class HomeView extends React.Component {
  static navigationOptions = {
    title: 'Manage Contacts',
  }
  render() ...
}

查看您可以设置的navigationOptions文档:https://reactnavigation.org/docs/en/stack-navigator.html#navigationoptions-used-by-stacknavigator

票数 0
EN

Stack Overflow用户

发布于 2018-08-05 05:50:53

对于父类,您需要删除标题:-

代码语言:javascript
代码运行次数:0
运行
复制
static navigationOptions = {
    header: null
}

对于子类,您可以使用默认的header属性,甚至可以使用自定义header类,如下所示:

代码语言:javascript
代码运行次数:0
运行
复制
static navigationOptions = {
    header: <CustomHeaderClass />
  }
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51689309

复制
相关文章

相似问题

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