позиция вкладки react-native-router-flux вверху

Как изменить положение таббара? Я надеюсь, что во многих приложениях панель вкладок должна быть сверху, а не внизу...

Я ожидаю что-то вроде этого:

<Router createReducer={reducerCreate}>
    <Scene key="somekey" tabs={true} 
        tabBarStyle={{position:'top'}}>         <==  How do I do this?

             # My tabs here as scenes

    </Scene>
</Router>

react-native tabbar react-native-router-flux
person Saravanabalagi Ramachandran    schedule 27.11.2016    source источник

Ответы (2)


arrow_upward
6
arrow_downward

Поскольку tabBar имеет абсолютное позиционирование. Вы должны установить атрибут top.

tabBarStyle={{top:0}}

Вы должны учитывать высоту строки состояния и высоты панели навигации, чтобы иметь правильное расположение.

p.s. Не знаю, знаете ли вы об этом, но избегайте использования встроенных стилей. Если бы это было только ради примера, отклоните мой совет. :П

person Gui Herzog    schedule 28.11.2016
comment
Я рад, что помог! - person Gui Herzog; 28.11.2016

arrow_upward
2
arrow_downward

Вы также можете использовать свойство:

tabBarPosition='top'

<Scene tabBarPosition='top' tabs={true} key="myTabBar" >

см. документ https://github.com/aksonov/react-native-router-flux/blob/master/docs/API.md#tabs-tabs-or-scene-tabs

person Eliran Azulay    schedule 23.12.2018