jiyouliang / NavigationDemo

React-Navigation Demo

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

NavigationDemo

1、Screenshot

2、Running ReactNative Application

yarn install
# or 
# npm install


# optional:maybe
# cd ios && pod install


# ios
react-native run-ios


# andorid
react-native run-android

3、Important code

  • The Global navigation fun:

      // NavigationUtil.tsx
      static navigation?: any;
    
      static goPage(page) {
          navigation.navigate(page);
      }
    
  • Init NavigationUtil.navigation object:

      //HomeScreen.tsx
      NavigatorUtil.navigation = this.props.navigation;
    
  • call navigator in Tab or normal Compoment:

      // AndroidTab.tsx
      NavigatorUtil.goPage('DetailScreen');
    

About

React-Navigation Demo


Languages

Language:TypeScript 32.4%Language:Objective-C 18.1%Language:JavaScript 17.5%Language:Ruby 12.2%Language:Java 11.4%Language:Python 8.3%