如何在 react-native-router-flux 中删除 TabIcon 下的文本

Question

我无法删除 react-native-router-flux 的 TabBar 中的 TabIcon 下的文本。这是我的标签栏的屏幕： 在此处输入图像描述

这是我的路由器代码：

const TabBar = ({focused}) => (
<View>
<Icon name="search" type="MaterialIcons" style={{fontSize: 28, color: focused ? 'red': 'white'}} />
</View>
)
export default () => (
<Router>
<Scene hideNavBar>
<Scene key="tabbar" tabs tabBarStyle={{backgroundColor: '#000'}}>
<Scene key="list" title="Ahlo" component={List} hideNavBar icon={TabBar} />
<Scene key="search" component={search} hideNavBar icon={TabBar} />
<Scene key="account" component={account} hideNavBar icon={TabBar} />
</Scene>
<Scene key="article" component={article} />
<Scene key="comment" component={comment} />
<Scene key="register" component={register} />
<Scene key="auth" component={auth} />
</Scene>
</Router>
)

在每个教程中，我都看到 TabIcon 下的文本丢失，但我有它。我在这里做错了什么？

Answer 1

你可以尝试通过将showLabelprops添加到父级或特定的子Scene到false，(默认情况下它的值是true)

所以你的标签栏场景代码将是这样的：

<Scene key="tabbar" showLabel={false} tabs tabBarStyle={{backgroundColor: "#000"}}>
<Scene key="list" component={List} showLabel={false} hideNavBar icon={TabBar} />
<Scene key="search" component={search} showLabel={false} hideNavBar icon={TabBar} />
<Scene key="account" component={account} showLabel={false} hideNavBar icon={TabBar} />
</Scene>

希望这会有所帮助。