real-native-router-flux tabbar position top

Question

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

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

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

      # My tabs here as scenes 

    </Scene> 
</Router> 

Answer 1

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

tabBarStyle={{top:0}} 

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

p.s: Я не знаю, знаете ли вы об этом, но не используйте встроенные стили. Если бы это было только ради примера, отклоните мой совет. : P