Question

在React-Navigation v4上，您可以进行import { BottomTabBar } from 'react-navigation-tabs';获取BottomTabBar，以便您可以自定义它。 v5相当于什么，在文档中找不到任何内容。

Answer 1

请参阅doc。

首先，您必须安装bottom-tabs：

npm install @ react-navigation / bottom-tabs

然后，您必须从createBottomTabNavigator导入@react-navigation/bottom-tabs：

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

然后您可以创建选项卡。例如：

function MyTabs() {
  return (
    <Tab.Navigator>
      <Tab.Screen name="Home" component={HomeScreen} />
      <Tab.Screen name="Settings" component={SettingsScreen} />
    </Tab.Navigator>
  );
}

Answer 2

找到答案。

您是从新包中导入import { BottomTabBar } from '@react-navigation/bottom-tabs';的，但是要小心，在导航中使用它时，必须将其传递给道具，否则会引发错误。模式将是


<Tab.Navigator
  initialRouteName="..."
  tabBar={props => <CustomBottomTab {...props} />}
  tabBarOptions={...}>

React-Navigation v5无法导入底部标签

2 个答案: