react-native
маршрутизация

Android CSS firebase iOS Java Language JavaScript Node.js Objective-C Language React TypeScript
Поиск…


Вступление

Маршрутизация или навигация позволяет приложениям использовать разные экраны. Его жизненно важное значение для мобильного приложения, поскольку он предоставляет контекст пользователю о том, где они находятся, отделяет действия пользователя между экранами и перемещается между ними, предоставляет конечный автомат, такой как модель всего приложения.

Компонент Navigator

Navigator работает как для IOS, так и для 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}}
      />
    );
  }
}

Маршруты к Navigator предоставляются как объекты. Вы также предоставляете функцию renderScene которая отображает сцену для каждого объекта маршрута. initialRoute используется для указания первого маршрута.



Modified text is an extract of the original Stack Overflow Documentation
Лицензировано согласно CC BY-SA 3.0
Не связан с Stack Overflow