react-native
Wytyczanie

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


Wprowadzenie

Trasowanie lub nawigacja umożliwia aplikacjom przechodzenie między różnymi ekranami. Ma to kluczowe znaczenie dla aplikacji mobilnej, ponieważ zapewnia użytkownikowi kontekst, gdzie się znajduje, rozdziela działania użytkownika między ekranami i przemieszcza się między nimi, zapewnia maszynę stanu podobną do modelu całej aplikacji.

Komponent Navigator

Navigator działa zarówno na iOS, jak i na Androidzie. 

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}}
      />
    );
  }
}

Trasy do Navigator są dostarczane jako obiekty. renderScene funkcję renderScene która renderuje scenę dla każdego obiektu trasy. initialRoute służy do określenia pierwszej trasy.



Modified text is an extract of the original Stack Overflow Documentation
Licencjonowany na podstawie CC BY-SA 3.0
Nie związany z Stack Overflow