反应导航-file.js上的Custome标头（此文件不是文件定义导航）

Question

我遇到了自定义标题的问题，

我有4个file.js（navigation.js，screenA.js，screenB.js，screenC.js），

我在navigation.js中定义  -createBottomTabNavigator = {screenA.js，screenB.js}  -createStackNavigator = {screenC.js，createBottomTabNavigator}

我要自定义[header，headerLeft，headerRight，headerTitle] 在screenA.js，screenB.js，screenC.js上。我希望有人能帮助我！

Answer 1

您可以在这些文件本身的NavigationOptions中为每个文件创建自定义标题。

代码：

A类扩展了组件{

//--->>>Specify Navigation Properties for screen------>>>

static navigationOptions = () => ({        

    headerStyle : { backgroundColor: 'black' },
    headerTitle :<View>
                    <HeaderLogo /> 
                 </View>,
    headerLeft : <TouchableOpacity> 
                    <MenuIcon />
                 </TouchableOpacity>,
    headerRight: <TouchableOpacity> 
                    <ProfileIcon />
                 </TouchableOpacity>,

})  

// =======您的其他代码======== //

}