react-native
Enrutamiento

Android CSS firebase iOS Java Language JavaScript Node.js Objective-C Language React TypeScript
Buscar..


Introducción

El enrutamiento o navegación permite aplicaciones entre diferentes pantallas. Es vital para una aplicación móvil, ya que proporciona un contexto para el usuario acerca de dónde se encuentra, desacopla las acciones de los usuarios entre las pantallas y se mueve entre ellas, proporciona una máquina de estados como modelo de toda la aplicación.

Componente navegador

Navigator funciona tanto para iOS como para Android. 

import React, { Component } from 'react';
import { Text, Navigator, TouchableHighlight } from 'react-native';

export default class NavAllDay extends Component {
  render() {
    return (
      <Navigator
        initialRoute={{ title: 'Awesome Scene', index: 0 }}
        renderScene={(route, navigator) =>
          <Text>Hello {route.title}!</Text>
        }
        style={{padding: 100}}
      />
    );
  }
}

Las rutas a Navigator se proporcionan como objetos. También proporciona una función renderScene que representa la escena para cada objeto de ruta. initialRoute se utiliza para especificar la primera ruta.



Modified text is an extract of the original Stack Overflow Documentation
Licenciado bajo CC BY-SA 3.0
No afiliado a Stack Overflow