react-native
Routing

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


introduzione

Il routing o la navigazione consentono alle applicazioni di passare da una schermata all'altra. È vitale per un'app mobile in quanto fornisce all'utente un contesto su dove si trova, disaccoppia le azioni degli utenti tra gli schermi e si sposta tra di loro, fornisce un modello simile a una macchina di stato dell'intera app.

Componente del navigatore

Navigator funziona sia per iOS che per 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}}
      />
    );
  }
}

I percorsi verso il Navigator sono forniti come oggetti. Fornisci anche una funzione renderScene che renderScene rendering della scena per ciascun oggetto del percorso. initialRoute viene utilizzato per specificare il primo percorso.



Modified text is an extract of the original Stack Overflow Documentation
Autorizzato sotto CC BY-SA 3.0
Non affiliato con Stack Overflow