如何在本机底部导航中设置默认屏幕？

Posted 2021-04-27

这是我的应用程序，具有三个导航屏幕。

import React from 'react';
import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';

import Scan from '../containers/scan';
import List from '../containers/list';
import More from './more';

const Tab = createBottomTabNavigator();

function Home(props) {
  return (
      <Tab.Navigator>
        <Tab.Screen 
          name="List" 
          component={List}
        />
        <Tab.Screen 
          name="Scan" 
          component={Scan} 
        />
        <Tab.Screen 
          name="More" 
          component={More} 
        />
      </Tab.Navigator>
  );  
}

export default Home;

当我启动应用程序时，“列表”屏幕可见。

如何将“扫描”屏幕设置为默认屏幕？

答案

您必须像下面那样设置导航器的初始屏幕名称概率

<Tab.Navigator initialRouteName="Scan">
        <Tab.Screen 
          name="List" 
          component={List}
        />
        <Tab.Screen 
          name="Scan" 
          component={Scan} 
        />
        <Tab.Screen 
          name="More" 
          component={More} 
        />
      </Tab.Navigator>