IT 유용한 정보

[ react-native ] react-navigation

JooKit 주킷 2021. 2. 3. 15:53
목차 접기
728x90
반응형

화면 이동을 할 때 사용하는 라이브러리

import { createAppContainer } from 'react-navigation';
  • createStackNavigator는 페이지를 Stack에 쌓아두어 이동하는 방법입니다.
    이것은 이전의 페이지를 그대로 유지할 수 있어 navigation의 goBack 메소드를 통해 쉽게 이전페이지로 이동할 수 있
    는 장점이 있지만 페이지를 재로딩을 하지는 않습니다. stack에 남겨놓고 싶지 않다면 createSwitchNavigator을 사용
    하면 됩니다.

App.js

import React, {Component} from 'react';
import {createStackNavigator, createAppContainer} from 'react-navigation';
import firstpage from './First';
import secondpage from './Second';

const App = createStackNavigator(

    {

        Home: {screen:firstpage},

        Second: {screen:secondpage}

    },

    {initialRouteName: 'Home', headerMode: 'none'}

);



export default createAppContainer(App);
728x90
반응형
LIST