Question

我想问你我要设置BottomTabNavigator的选项卡（反应导航v2）当我单击另一个屏幕上的按钮但未导航到它时处于活动状态我怎样才能做到这一点？希望你能帮忙

Answer 1

如果您提供了路由配置会更好，但让我们想象一下：

您有两个标签：“主页”和“设置”。在主屏幕上，您具有链接导航到“关于”屏幕。在“关于”屏幕上时，“设置”应处于活动状态。

您需要使用“主页”和“设置”在选项卡导航器中定义两个选项。家只是React组件。设置应为带有“设置”和“关于”屏幕的StackNavigator。

import HomeScreen from './components/HomeScreen';
import SettingsScreen from './components/SettingsScreen';
import AboutScreen from './components/AboutScreen';

const SettingsNavigator = createStackNavigator(
   {
     Settings: SettingsScreen,
     About: AboutScreen,
   },
   {
     initialRouteName: 'Settings',
     navigationOptions: {
       tabBarLabel: 'Settings', // tab will change name from 'settings' to 'about' if you will not provide this option
     },
   }
);

const Navigator = createBottomTabNavigator({
    Home: HomeScreen,
    Settings: SettingsScreen,
});

希望对您有帮助。

在bottomtabnavigator中将选项卡设置为活动本机反应

1 个答案: