react native - plugin - ¿Cómo creo una vista modal de aspecto nativo con react-native?

react native download

Question

¿Hay una manera de realizar un segmento modal, animando la vista y la barra de navegación hacia arriba desde la parte inferior, cubriendo la barra de navegación existente, la vista y la barra de pestañas, etc.?

Hay un ejemplo similar en UIExplorer donde la vista ''Navigator'' usa ''configureScene'' para flotar una vista (pero no la barra de navegación) desde la parte inferior a través de Navigator.SceneConfigs.FloatFromBottom, etc. Se supone que los segmentos modales de la aplicación nativa animan la nueva barra de navegación y vista hacia arriba desde la parte inferior. Nota: un buen ejemplo de esto es la aplicación de salud, haga clic en la pestaña ''ID médica'', luego toque el botón ''Editar'' en la barra de navegación, y observe cómo su barra de navegación y vista animan y cubren la barra de navegación, la barra de navegación y la vista existentes.

Puedo ver un modo modal en la aplicación de grupos de Facebook, que es nativo de mi entendimiento. Al hacer clic en la pestaña ''Grupos'', haga clic en el botón ''crear'' de la barra de navegación.

¿Alguien sabe cómo implementar un modales nativos en react-nativo?

Answer 1

Trabajo en el componente React Native Navigator.

Para lograr esto, puedes poner un navegador en la escena de otro navegador. El navegador externo configura su escena con Navigator.SceneConfigs.FloatFromBottom o algo similar. Dentro de la escena, puedes tener otro <Navigator> con navigationBar={<Navigator.NavigationBar ...etc />}

Answer 2

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

El enlace a la fuente está aquí: https://github.com/aaronksaunders/React-Modal-Nav-Example