react-native => Le routage

Introduction

Le routage ou la navigation permet des applications entre différents écrans. Son vital pour une application mobile car il fournit un contexte à l'utilisateur sur l'endroit où il se trouve, dissocie les actions de l'utilisateur entre les écrans et se déplace entre eux, fournit une machine d'état comme le modèle de l'application entière.

Composant Navigateur

Navigator fonctionne pour iOS et 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}}
      />
    );
  }
}

Les itinéraires vers le Navigator sont fournis sous forme d'objets. Vous fournissez également une fonction renderScene qui rend la scène pour chaque objet route. initialRoute est utilisé pour spécifier le premier itinéraire.

Modified text is an extract of the original Stack Overflow Documentation

Sous licence CC BY-SA 3.0

Non affilié à Stack Overflow

react-native
Le routage

Recherche…

Introduction

Composant Navigateur