Epicscale's React Native Template

This template is based on react-native-template-typescript

Features

• Typescript by react-native-template-typescript
• Functional Programming by eslint-plugin-functional

Dependencies

• ramda
• react-navigation
• react-native-gesture-handler
• react-native-screens
• react-native-splash-screen
• react-native-typography
• react-native-vector-icons
• react-native-testing-library

Configure Splash Screen

Read : How to Add a Splash Screen to a React Native App (iOS and Android) by Spencer Carli

Android Extra Step

Update MainActivity.java

package io.epicscale.example;

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 {

  @Override
  protected String getMainComponentName() {
    return "Example";
  }

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

Update android/app/build.gradle

+ project.ext.vectoricons = [
+    iconFontNames: [ 'MaterialIcons.ttf', 'EvilIcons.ttf' ] // Name of the font files you want to copy
+ ]

+ apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"

License

MIT