Question

我的BottomNavigation组件：

const Tab = createBottomTabNavigator();

class BottomNavigation extends React.Component {
  render() {
    return (
      <Tab.Navigator initialRouteName="Home" backBehavior="initialRoute">
        <Tab.Screen
          name="Home"
          component={HomeScreen}
          options={{
            tabBarLabel: 'Start',
            tabBarIcon: ({ color, size }) => (
              <Image source={require('../../assets/images/start-tab.png')} />
            ),
            title: 'Welcome',
          }}
        />
        <Tab.Screen
          name="Science"
          component={Profile}
          options={{
            tabBarLabel: 'Profile',
            tabBarIcon: ({ color, size }) => (
              <Image source={require('../../assets/images/science-tab.png')} />
            ),
          }}
        />
      </Tab.Navigator>
    );
  }
}

Answer 1

您需要创建StackNavigator才能在底部导航中显示标题。

通过在组件内部设置import scrapy class BrickSetSpider(scrapy.Spider): name = "brickset_spider" start_urls = ['http://brickset.com/sets/year-2016'] def parse(self, response): #search what you need # yield your result，可以将其应用于调用该组件的导航元素。

因此，在您的情况下，您在navigationOptions中定义的标题将应用于底部的标签，而不是您想要的屏幕。

您无需在组件内部将About设置为静态属性，而是在创建堆栈导航时直接定义它。

除此之外，我认为您想将堆栈嵌套在底部标签导航中，而不是相反。这样，您可以为每个屏幕使用不同的标题。

这里是一个例子：

navigationOptions

例如，标题标题将为“关于标题”，标签标签为“关于标签”。

如何在创建底部标签导航器（反应导航v5）中导航的每个屏幕上添加标题/标题标题？

1 个答案: