react-native => ルーティング

前書き

ルーティングやナビゲーションでは、異なる画面間でアプリケーションを操作できます。モバイルアプリにとって重要なのは、ユーザーにコンテキストを提供し、画面間のユーザーの行動を切り離し、その間を移動し、アプリ全体のモデルのような状態マシンを提供することです。

ナビゲータコンポーネント

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

react-native
ルーティング

サーチ…

前書き

ナビゲータコンポーネント