如何解决当我多次使用 Tab.Screen 时,底部标签不显示文本
当我使用 Tab.Screen 3 次时,我在反应导航中遇到问题,它显示底部选项卡文本,但是当我执行 4 次时,它不显示底部文本,除了(当我单击其他选项卡时,它开始显示活动选项卡文本并隐藏其他 3 个标签文本) 这是我的代码
import { Text,View } from 'react-native';
import { NavigationContainer } from '@react-navigation/native';
import { createMaterialBottomTabNavigator } from '@react-navigation/material-bottom-tabs';
function HomeScreen() {
return (
<View style={{ flex: 1,justifyContent: 'center',alignItems: 'center' }}>
<Text>Home!</Text>
</View>
);
}
function Weather() {
return (
<View style={{ flex: 1,alignItems: 'center' }}>
<Text>Weather</Text>
</View>
);
}
function Cab() {
return (
<View style={{ flex: 1,alignItems: 'center' }}>
<Text>Cab!</Text>
</View>
);
}
function Alert() {
return (
<View style={{ flex: 1,alignItems: 'center' }}>
<Text>Alert!</Text>
</View>
);
}
const Tab = createMaterialBottomTabNavigator();
export default function App() {
return (
<NavigationContainer>
<Tab.Navigator>
<Tab.Screen name="Home" component={HomeScreen} />
<Tab.Screen name="Weather" component={Weather} />
<Tab.Screen name="Cab" component={Cab} />
<Tab.Screen name="Alert" component={Alert} />
</Tab.Navigator>
</NavigationContainer>
);
}
当我使用 Tab.Screen 3 次时的输出
<Tab.Screen name="Home" component={HomeScreen} />
<Tab.Screen name="Weather" component={Weather} />
<Tab.Screen name="Cab" component={Cab} />
当我使用 Tab.Screen 4 次时的输出
<Tab.Screen name="Home" component={HomeScreen} />
<Tab.Screen name="Weather" component={Weather} />
<Tab.Screen name="Cab" component={Cab} />
<Tab.Screen name="Alert" component={Alert} />
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。