2016-03-09 1 views
1

Я хочу, чтобы моя навигационная панель сохранялась в переменах сцены, поэтому я использую реквизиты navigationBar от <Navigator>. (Official Navigator doc)Как сделать навигацию <Navigator>Бар найти наверху?

Когда я прохожу <ToolbarAndroid> в Панель навигации реквизита <Navigator> «s, <ToolbarAndroid> будет найти в нижней части экрана (ниже renderScene)

<Navigator 
     initialRoute={ routes[0] } 
     renderScene={ this._routeMapper.bind(this) } 
     configureScene={() => Navigator.SceneConfigs.FadeAndroid } 
     navigationBar={(
     <ToolbarAndroid 
      title={"Nav Bar"} 
      titleColor="#ffffff" 
      navIcon={require('../img/ic_menu_white_48dp.png')} 
      onIconClicked={ this.props.onIconClicked } 
      style={styles.toolbar} 
     /> 
    )} 

enter image description here

Я предполагаю, что это потому, что <Navigator> делает Панель навигации после renderScene.

Хотя я могу установить положение ToolbarAndroid на абсолютное и верхнее: 0, renderScene будет покрываться панелью инструментов таким образом, чтобы она не была идеальной.

enter image description here

Есть ли способ решить эту проблему?

Или есть ли какой-либо другой рекомендованный способ реализации NavigatorBar, который будет сохраняться при переходе по сцене?

Спасибо!

ответ

0

вы пользователь nativigation бар в функции renderScene внутри <View> закрытый тег

для справки йора полистать эту ссылку react native movies app

взгляд линии не #48 к #62 вы получите четкое представление.

передать ссылочную переменную маршрута, как идентификатор, имя, чтобы определить, какой экран вы хотите визуализировать, а затем добавить свою панель инструментов для nativigation.

+0

Спасибо @Anwar за использование этого метода. Тем не менее, я ищу решение, которое позволит моему навигатору сохранять устойчивые переходы между сценами. Если я разместил свою навигационную панель внутри renderScene, то она будет повторно отображаться каждый раз, когда я нажимаю новую сцену: / – czphilip

Смежные вопросы