问题
我在我的反应本机应用程序中使用反应导航。我创建了一个底部选项卡导航器,并希望使用屏幕上的内置标题。但是头球没有来。没有错误或警告。
应用程序js:
- const TabStack = createBottomTabNavigator({
- Upload: {
- screen: upload,
- navigationOption: {
- headerTitle: "Upload"
- }
- },
- Profile: {
- screen: profile,
- navigationOption: {
- headerTitle: "Profile"
- }
- }
- });
- const MainStack = createSwitchNavigator(
- {
- Home: { screen: TabStack }
- },
- {
- initialRouteName: 'Home'
- }
- );
- 上传.js
- class upload extends React.Component {
- static navigationOptions = {
- title: 'Upload'
- };
- constructor(props) {
- super(props);
- ...
复制代码
我知道可能没有必要在组件中声明 navigationOptions,因为它已经在 app.js 中声明了,但这只是为了表明这两种方法都不起作用。
我怎样才能解决这个问题?
回答
TabNavigator 不附带 Header 。最常见的情况是将 TabNavigator 设置为根导航器并将每个选项卡设置为 StackNavigator ,然后您将获得标题,因为它默认是 StackNavigator 的一部分。
|