React 导航 - 文件上的自定义标头.js(此文件不是文件定义导航)

Question

我有自定义标题的问题，

我有 4 个文件.js(导航.js、屏幕 A.js、屏幕 B.js、屏幕 C.js(，

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

我想自定义 [ 标题， 标题左 ， 标题右， 标题标题 ] 在屏幕 A.js、屏幕 B.js、屏幕 C.js。希望有人能帮到我！

Answer 1

您可以在这些文件本身的导航选项中为每个文件创建自定义标头。

法典：

类 A 扩展组件 {

//--->>>Specify Navigation Properties for screen------>>>
static navigationOptions = () => ({        
headerStyle : { backgroundColor: 'black' },
headerTitle :<View>
<HeaderLogo /> 
</View>,
headerLeft : <TouchableOpacity> 
<MenuIcon />
</TouchableOpacity>,
headerRight: <TouchableOpacity> 
<ProfileIcon />
</TouchableOpacity>,
})  

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

}