我想用库来做一个材质的顶部标签导航器。@react-navigation/material-top-tabs
但遇到了一个错误。我做了文档中显示的具体操作,但还是找不到错误,这里是我的导航仪屏幕的代码。
const tab = createMaterialTopTabNavigator()
export class Home extends Component {
render() {
return (
<NavigationContainer independent={true}>
<View>
<Appbar.Header>
<Appbar.Action icon="home" />
<Appbar.Content title="Home" />
</Appbar.Header>
<tab.Navigator initialRouteName={CurrentLoc} tabBarOptions={{
activeTintColor: '#04395e',
swipeEnabled: true
}}>
<tab.Screen name="Curent Location" component={CurrentLoc} options={{
tabBarLabel: 'Current Location'}}/>
<tab.Screen name="India" component={IndiaStat} options={{
tabBarLabel: 'India'}}/>
</tab.Navigator>
</View>
</NavigationContainer>
)
}
}
export default Home
错误的截图。截图
确保你使用的是@react-navigationnative的最新版本。