react-native => 라우팅

소개

라우팅 또는 탐색을 통해 응용 프로그램이 서로 다른 화면간에 이동할 수 있습니다. 모바일 앱의 핵심은 사용자에게 컨텍스트를 제공하고 화면간에 사용자 작업을 분리하고 그 사이를 이동하여 전체 앱 모델과 같은 상태 시스템을 제공하기 때문입니다.

네비게이터 구성 요소

네비게이터는 IOS와 안드로이드 모두에서 작동합니다.

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
라우팅

수색…

소개

네비게이터 구성 요소