本文介绍了TabNavigation 中的标题标题为空的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
标题似乎没有按预期工作.
Header title seems to not work as expected.
我已经将 react-native 和所有其他依赖项更新到最新版本,并查看了 react-navigation 文档.此外,我在 github 上为此项目创建了一个错误.
I already updated react-native and all other dependencies to their latest version and reviewed react-navigation documentation. Also I created a bug on github for this item.
你能不能看看我做错了什么?我需要在使用 TabNavigation 时设置标题标题
Can you please take a look if I doing something wrong? I need to have header title set when i am using TabNavigation
const RootNavigator = createStackNavigator({ ...publicScreens, Private: { screen: PrivateNavigator } }, publicScreensConfig); const privateScreens = { ContactList: { screen: ContactList }, Settings: { screen: Settings } };.....
export default createBottomTabNavigator( privateScreens, options ); import React, { Component } from 'react' import { Text, View } from 'react-native' import GlobalColors from '../../config/colors'; export default class Settings extends Component { static navigationOptions = { title: 'Settings', headerStyle: { backgroundColor: GlobalColors.grayDark, }, headerTintColor: 'white', headerTitleStyle: { fontWeight: 'bold', }, gesturesEnabled: false, } render() { return ( <View> <Text> Settigs </Text> </View> ) } }但我在标题窗格中看到空标题.我想查看来自导航选项的标题文本
But I see empty header title in the header pane. I want to see header text that come from navigation Options
推荐答案感谢 JinHoSo 答案在这里
const bottomTabNavigator = createBottomTabNavigator(...) bottomTabNavigator.navigationOptions = ({navigation, screenProps}) => { const childOptions = getActiveChildNavigationOptions(navigation, screenProps) return { title : childOptions.title, headerLeft : childOptions.headerLeft, headerRight: childOptions.headerRight, } }更多推荐
TabNavigation 中的标题标题为空
发布评论