react-native
Routing

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


Einführung

Routing oder Navigation ermöglicht Anwendungen zwischen verschiedenen Bildschirmen. Es ist für eine mobile App von entscheidender Bedeutung, da sie dem Benutzer einen Kontext darüber gibt, wo er sich befindet, Benutzeraktionen zwischen Bildschirmen entkoppeln und zwischen ihnen wechseln, und ein Zustandsmodell wie die gesamte App bereitstellen.

Der Navigator funktioniert sowohl für IOS als auch für 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}}
      />
    );
  }
}

Routen zum Navigator werden als Objekte bereitgestellt. Sie bieten auch eine renderScene Funktion, die die Szene für jedes renderScene rendert. initialRoute dient zur Angabe der ersten Route.



Modified text is an extract of the original Stack Overflow Documentation
Lizenziert unter CC BY-SA 3.0
Nicht angeschlossen an Stack Overflow