06 - React Navigation

[leohmoraes]

• [x] yarn add react-navigation react-native-gesture-handler react-native-reanimated
• [x] editar /main/java/com/modulo06/MainActivity.java
• [ ] ANDROID: react-native run-android
• [x] IOS: pod install && react-native run-ios
• [x] yarn add react-navigation-stack
• [x] criar um arquivo src/routes.js
• [x] (OPCIONAL) yarn add react-navigation-tabs
• [x] (OPCIONAL) yarn add react-navigation-drawer
• [x] Adicionar um título no header em /Main/index.js
• [x] Estilizar o header
• [x] commit !!

[leohmoraes]

editar /main/java/com/modulo06/MainActivity.java

package com.modulo06;

import com.facebook.react.ReactActivity; import com.facebook.react.ReactActivityDelegate; import com.facebook.react.ReactRootView; import com.swmansion.gesturehandler.react.RNGestureHandlerEnabledRootView;

public class MainActivity extends ReactActivity {

/**

• Returns the name of the main component registered from JavaScript. This is used to schedule

• rendering of the component. */ @Override protected String getMainComponentName() { return "modulo06"; }

  @Override protected ReactActivityDelegate createReactActivityDelegate() { return new ReactActivityDelegate(this, getMainComponentName()) { @Override protected ReactRootView createRootView() { return new RNGestureHandlerEnabledRootView(MainActivity.this); } }; } }

[leohmoraes]

Sobre o mesmo assunto: https://medium.com/@oieduardorabelo/react-native-navega%C3%A7%C3%B5es-complexas-com-react-navigation-583a8f5a4a7