Как удалить текст под TabIcon в реагирующем родном маршрутизаторе - PullRequest
Новая
       56

Как удалить текст под TabIcon в реагирующем родном маршрутизаторе

0 голосов
/ 27 февраля 2019

Я не могу удалить текст под TabIcon в TabBar ofact-native-router-flux.Это экран моего TabBar: введите описание изображения здесь

И это мой код маршрутизатора: 

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отсутствует, но у меня есть это.Что я тут не так делаю?

1 Ответ

0 голосов
/ 27 февраля 2019

Вы можете попробовать добавить showLabel реквизиты к родительскому или конкретному дочернему элементу 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>

Надеюсь, это поможет.

...