react-native
routing

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


Invoering

Met routing of navigatie kunnen applicaties tussen verschillende schermen schakelen. Het is van vitaal belang voor een mobiele app, omdat het de gebruiker context biedt over waar ze zijn, gebruikersacties tussen schermen ontkoppelen en tussen schermen verplaatsen, een state-machine-achtig model van de hele app bieden.

Navigator werkt voor zowel IOS als 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}}
      />
    );
  }
}

Routes naar Navigator worden aangeboden als objecten. U biedt ook een renderScene functie die de scène voor elk route-object renderScene . initialRoute wordt gebruikt om de eerste route op te geven.



Modified text is an extract of the original Stack Overflow Documentation
Licentie onder CC BY-SA 3.0
Niet aangesloten bij Stack Overflow