Как создать естественный вид модального вида segue с реакцией?

Есть ли способ выполнить модальный переход, анимировать представление и навигацию снизу, охватывая существующую навигационную панель, просмотр и табуляцию и т.д.?

В UIExplorer есть аналогичный пример, в котором вид "Навигатор" использует "configureScene" для плавания представления (но не на навигационной панели) снизу с помощью Navigator.SceneConfigs.FloatFromBottom и т.д. Родные модальные сегменты приложений должны анимировать новую навигационную панель и просматривать снизу. Примечание. Хорошим примером этого является приложение для здоровья, перейдите на вкладку "медицинский идентификатор", затем нажмите "Изменить" на навигационной панели и обратите внимание, как его навигационная панель и просмотр оживляют и перекрывают существующие навигационные панели, вкладку и вид.

Я вижу модальный сегмент в приложении для групп facebook, который явственно реагирует на мое понимание. Нажав на вкладку "Группы", нажмите кнопку "создать" навигационную панель.

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

Ответ 1

this.props.navigator.push({
    title: 'Pick Date',
    sceneConfig: Navigator.SceneConfigs.FloatFromBottom,
    component: DatePickerView,
    navigationBar: <NavigationBar
        title="Initial View"/>,
    passProps: {handleSelectedDate: this.handleSelectedDate}
})

Ссылка на источник находится здесь: https://github.com/aaronksaunders/React-Modal-Nav-Example

Ответ 2

Я работаю над компонентом React Native Navigator.

Чтобы выполнить это, вы можете поместить Navigator в сцену другого Навигатора. Внешний навигатор настраивает свою сцену с помощью Navigator.SceneConfigs.FloatFromBottom или что-то подобное. Внутри сцены у вас может быть еще <Navigator> с navigationBar={<Navigator.NavigationBar ...etc />}