react-native
routing

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


Introduktion

Ruttning eller navigering tillåter applikationer mellan olika skärmar. Det är viktigt för en mobilapp eftersom den ger kontext till användaren om var de befinner sig, avkopplar användaråtgärder mellan skärmar och flyttar mellan dem, ger en tillståndsmaskinliknande modell för hela appen.

Navigator fungerar för både IOS och 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}}
      />
    );
  }
}

Rutter till Navigator tillhandahålls som objekt. Du tillhandahåller också en renderScene funktion som gör scenen för varje ruttobjekt. initialRoute används för att ange den första rutten.



Modified text is an extract of the original Stack Overflow Documentation
Licensierat under CC BY-SA 3.0
Inte anslutet till Stack Overflow