如何解决材质的顶部选项卡导航器无法在屏幕上正确呈现包括图片和代码
我正在我的博览会应用程序中进行标签导航。由于某些原因,“顶部选项卡导航器”无法正确呈现(如图所示)。任何格式样式都可以解决此问题吗?我在下面粘贴了导航组件。我是本机的新手,所以非常感谢您的帮助!
class Navigation extends React.Component {
createHomeStack = () =>
<Stack.Navigator >
<Stack.Screen name="Bottom Tabs" component={Home} />
</Stack.Navigator>
createCourseStack = () =>
<Stack.Navigator >
<Stack.Screen name="Courses" component={CoursesScreen} />
<Stack.Screen name="Topics" component={TopicsScreen} />
<Stack.Screen name="Resources" component={ResourcesScreen} />
<Stack.Screen name="Add A New Resource" component={ResourceFormScreen} />
</Stack.Navigator>
createTopTabs = () => {
return <MaterialTopTabs.Navigator>
<MaterialTopTabs.Screen
name="Tab 1"
component={this.createCourseStack}
options={{
labelStyle: { fontSize: 12 },tabStyle: { width: 100 },style: { backgroundColor: 'powderblue' }}}/>
<MaterialTopTabs.Screen
name="Tab 2"
component={Home}
options={{
labelStyle: { fontSize: 12 },style: { backgroundColor: 'powderblue' }}}/>
</MaterialTopTabs.Navigator>
}
render(){
return (
<NavigationContainer>
<Drawer.Navigator>
<Drawer.Screen name="Whatever" children={this.createTopTabs}/>
</Drawer.Navigator>
</NavigationContainer>
);
}}
export default Navigation
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。