Creating the Icon and Splashscreen on Android

android/app/build.gradle

@@ -149,6 +149,7 @@ android {
 }
 
 dependencies {
+ implementation project(':react-native-splash-screen')
  implementation project(':react-native-linear-gradient')
  implementation project(':react-native-gesture-handler')
  implementation project(':react-native-vector-icons')

android/app/src/main/AndroidManifest.xml

@@ -9,20 +9,25 @@
  <application
  android:name=".MainApplication"
  android:label="@string/app_name"
- android:icon="@mipmap/ic_launcher"
- android:roundIcon="@mipmap/ic_launcher_round"
+ android:icon="@drawable/icon"
  android:allowBackup="false"
  android:theme="@style/AppTheme">
  <activity
- android:name=".MainActivity"
- android:label="@string/app_name"
- android:configChanges="keyboard|keyboardHidden|orientation|screenSize"
- android:windowSoftInputMode="adjustPan">
+ android:name=".SplashActivity"
+ android:theme="@style/SplashTheme"
+ android:label="@string/app_name">
  <intent-filter>
  <action android:name="android.intent.action.MAIN" />
  <category android:name="android.intent.category.LAUNCHER" />
  </intent-filter>
  </activity>
+ <activity
+ android:name=".MainActivity"
+ android:label="@string/app_name"
+ android:configChanges="keyboard|keyboardHidden|orientation|screenSize"
+ android:windowSoftInputMode="adjustPan"
+ android:exported="true">
+ </activity>
  <activity android:name="com.facebook.react.devsupport.DevSettingsActivity" />
  </application>
 

android/app/src/main/java/com/mindcast/MainActivity.java

@@ -1,11 +1,18 @@
 package com.mindcast;
 
+import android.os.Bundle;
 import com.facebook.react.ReactActivity;
 import com.facebook.react.ReactActivityDelegate;
 import com.facebook.react.ReactRootView;
 import com.swmansion.gesturehandler.react.RNGestureHandlerEnabledRootView;
+import org.devio.rn.splashscreen.SplashScreen;
 
 public class MainActivity extends ReactActivity {
+ @Override
+ protected void onCreate(Bundle savedInstanceState) {
+ SplashScreen.show(this);
+ super.onCreate(savedInstanceState);
+ }
 
  /**
  * Returns the name of the main component registered from JavaScript.

android/app/src/main/java/com/mindcast/MainApplication.java

@@ -3,6 +3,7 @@
 import android.app.Application;
 
 import com.facebook.react.ReactApplication;
+import org.devio.rn.splashscreen.SplashScreenReactPackage;
 import com.BV.LinearGradient.LinearGradientPackage;
 import com.swmansion.gesturehandler.react.RNGestureHandlerPackage;
 import com.oblador.vectoricons.VectorIconsPackage;
@@ -30,6 +31,7 @@ public boolean getUseDeveloperSupport() {
  protected List<ReactPackage> getPackages() {
  return Arrays.<ReactPackage>asList(
  new MainReactPackage(),
+ new SplashScreenReactPackage(),
  new LinearGradientPackage(),
  new RNGestureHandlerPackage(),
  new VectorIconsPackage(),

android/app/src/main/java/com/mindcast/SplashActivity.java

@@ -0,0 +1,16 @@
+package com.mindcast;
+
+import android.content.Intent;
+import android.os.Bundle;
+import android.support.v7.app.AppCompatActivity;
+
+public class SplashActivity extends AppCompatActivity {
+ @Override
+ protected void onCreate(Bundle savedInstance) {
+ super.onCreate(savedInstance);
+
+ Intent intent = new Intent(this, MainActivity.class);
+ startActivity(intent);
+ finish();
+ }
+}

android/app/src/main/res/drawable/background_splash.xml

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<layer-list xmlns:android="http:https://schemas.android.com/apk/res/android">
+ <item android:drawable="@color/white" />
+ <item
+ android:width="120dp"
+ android:height="120dp"
+ android:drawable="@drawable/splash_screen_icon"
+ android:gravity="center"
+ />
+</layer-list>

android/app/src/main/res/layout/launch_screen.xml

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http:https://schemas.android.com/apk/res/android"
+ android:orientation="vertical" android:layout_width="match_parent"
+ android:layout_height="match_parent"
+ android:background="@color/white"
+ android:gravity="center">
+ <ImageView
+ android:layout_width="100dp"
+ android:layout_height="100dp"
+ android:layout_marginTop="24dp"
+ android:src="@drawable/splash_screen_icon"
+ />
+</LinearLayout>

android/app/src/main/res/values/colors.xml

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<resources>
+ <color name="white">#fff</color>
+ <color name="black">#000</color>
+</resources>

android/app/src/main/res/values/strings.xml

@@ -1,3 +1,3 @@
 <resources>
- <string name="app_name">mindCast</string>
+ <string name="app_name">Mind Cast</string>
 </resources>

android/app/src/main/res/values/styles.xml

@@ -1,8 +1,12 @@
 <resources>
-
- <!-- Base application theme. -->
  <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
-  <!-- Customize your theme here. -->
+ <item name="android:statusBarColor">@color/black</item>
  </style>
 
+ <style name="SplashTheme" parent="Theme.AppCompat.Light.NoActionBar">
+ <item name="android:statusBarColor">@color/black</item>
+ <item name="android:windowBackground">
+ @drawable/background_splash
+ </item>
+ </style>
 </resources>

android/settings.gradle

@@ -1,4 +1,6 @@
 rootProject.name = 'mindCast'
+include ':react-native-splash-screen'
+project(':react-native-splash-screen').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-splash-screen/android')
 include ':react-native-linear-gradient'
 project(':react-native-linear-gradient').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-linear-gradient/android')
 include ':react-native-gesture-handler'

ios/mindCast.xcodeproj/project.pbxproj

@@ -5,7 +5,6 @@
  };
  objectVersion = 46;
  objects = {
-
 /* Begin PBXBuildFile section */
  00C302E51ABCBA2D00DB3ED1 /* libRCTActionSheet.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302AC1ABCB8CE00DB3ED1 /* libRCTActionSheet.a */; };
  00C302E71ABCBA2D00DB3ED1 /* libRCTGeolocation.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 00C302BA1ABCB90400DB3ED1 /* libRCTGeolocation.a */; };
@@ -67,6 +66,7 @@
  ED297163215061F000B7C4FE /* JavaScriptCore.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = ED297162215061F000B7C4FE /* JavaScriptCore.framework */; };
  ED2971652150620600B7C4FE /* JavaScriptCore.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = ED2971642150620600B7C4FE /* JavaScriptCore.framework */; };
  FF6F7470E16F464DAEDDD59A /* Modesta-Script.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 1D0088D82E2D4691AD56E66B /* Modesta-Script.ttf */; };
+ 311B3768F1934CFFA5B884AD /* libSplashScreen.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 53E541D2BBA743E09A8FE23D /* libSplashScreen.a */; };
 /* End PBXBuildFile section */
 
 /* Begin PBXContainerItemProxy section */
@@ -475,6 +475,8 @@
  ED297162215061F000B7C4FE /* JavaScriptCore.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = JavaScriptCore.framework; path = System/Library/Frameworks/JavaScriptCore.framework; sourceTree = SDKROOT; };
  ED2971642150620600B7C4FE /* JavaScriptCore.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = JavaScriptCore.framework; path = Platforms/AppleTVOS.platform/Developer/SDKs/AppleTVOS12.0.sdk/System/Library/Frameworks/JavaScriptCore.framework; sourceTree = DEVELOPER_DIR; };
  EE454FF6EB304CD48F027C9A /* Entypo.ttf */ = {isa = PBXFileReference; explicitFileType = undefined; fileEncoding = 9; includeInIndex = 0; lastKnownFileType = unknown; name = Entypo.ttf; path = "../node_modules/react-native-vector-icons/Fonts/Entypo.ttf"; sourceTree = "<group>"; };
+ 343BD68EB9904B1DA8AAB2C9 /* SplashScreen.xcodeproj */ = {isa = PBXFileReference; name = "SplashScreen.xcodeproj"; path = "../node_modules/react-native-splash-screen/ios/SplashScreen.xcodeproj"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = wrapper.pb-project; explicitFileType = undefined; includeInIndex = 0; };
+ 53E541D2BBA743E09A8FE23D /* libSplashScreen.a */ = {isa = PBXFileReference; name = "libSplashScreen.a"; path = "libSplashScreen.a"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = archive.ar; explicitFileType = undefined; includeInIndex = 0; };
 /* End PBXFileReference section */
 
 /* Begin PBXFrameworksBuildPhase section */
@@ -509,6 +511,7 @@
  DDEE0A36B62D4DD081129ACC /* libRNVectorIcons.a in Frameworks */,
  D6D1DB3205044A228FFFE064 /* libRNGestureHandler.a in Frameworks */,
  D40DEDA155EB404FB244C4E2 /* libBVLinearGradient.a in Frameworks */,
+ 311B3768F1934CFFA5B884AD /* libSplashScreen.a in Frameworks */,
  );
  runOnlyForDeploymentPostprocessing = 0;
  };
@@ -731,6 +734,7 @@
  848FC80855F9421D8C5357C8 /* RNVectorIcons.xcodeproj */,
  28473BFF97324F2E887A1493 /* RNGestureHandler.xcodeproj */,
  5DE811C58D3844EB8C89CD8B /* BVLinearGradient.xcodeproj */,
+ 343BD68EB9904B1DA8AAB2C9 /* SplashScreen.xcodeproj */,
  );
  name = Libraries;
  sourceTree = "<group>";
@@ -1541,6 +1545,7 @@
  "$(SRCROOT)/../node_modules/react-native-vector-icons/RNVectorIconsManager",
  "$(SRCROOT)/../node_modules/react-native-gesture-handler/ios/**",
  "$(SRCROOT)/../node_modules/react-native-linear-gradient/BVLinearGradient",
+ "$(SRCROOT)/../node_modules/react-native-splash-screen/ios",
  );
  INFOPLIST_FILE = mindCastTests/Info.plist;
  IPHONEOS_DEPLOYMENT_TARGET = 9.0;
@@ -1552,6 +1557,7 @@
  "\"$(SRCROOT)/$(TARGET_NAME)\"",
  "\"$(SRCROOT)/$(TARGET_NAME)\"",
  "\"$(SRCROOT)/$(TARGET_NAME)\"",
+ "\"$(SRCROOT)/$(TARGET_NAME)\"",
  );
  OTHER_LDFLAGS = (
  "-ObjC",
@@ -1574,6 +1580,7 @@
  "$(SRCROOT)/../node_modules/react-native-vector-icons/RNVectorIconsManager",
  "$(SRCROOT)/../node_modules/react-native-gesture-handler/ios/**",
  "$(SRCROOT)/../node_modules/react-native-linear-gradient/BVLinearGradient",
+ "$(SRCROOT)/../node_modules/react-native-splash-screen/ios",
  );
  INFOPLIST_FILE = mindCastTests/Info.plist;
  IPHONEOS_DEPLOYMENT_TARGET = 9.0;
@@ -1585,6 +1592,7 @@
  "\"$(SRCROOT)/$(TARGET_NAME)\"",
  "\"$(SRCROOT)/$(TARGET_NAME)\"",
  "\"$(SRCROOT)/$(TARGET_NAME)\"",
+ "\"$(SRCROOT)/$(TARGET_NAME)\"",
  );
  OTHER_LDFLAGS = (
  "-ObjC",
@@ -1608,6 +1616,7 @@
  "$(SRCROOT)/../node_modules/react-native-vector-icons/RNVectorIconsManager",
  "$(SRCROOT)/../node_modules/react-native-gesture-handler/ios/**",
  "$(SRCROOT)/../node_modules/react-native-linear-gradient/BVLinearGradient",
+ "$(SRCROOT)/../node_modules/react-native-splash-screen/ios",
  );
  INFOPLIST_FILE = mindCast/Info.plist;
  LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
@@ -1633,6 +1642,7 @@
  "$(SRCROOT)/../node_modules/react-native-vector-icons/RNVectorIconsManager",
  "$(SRCROOT)/../node_modules/react-native-gesture-handler/ios/**",
  "$(SRCROOT)/../node_modules/react-native-linear-gradient/BVLinearGradient",
+ "$(SRCROOT)/../node_modules/react-native-splash-screen/ios",
  );
  INFOPLIST_FILE = mindCast/Info.plist;
  LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
@@ -1665,6 +1675,7 @@
  "$(SRCROOT)/../node_modules/react-native-vector-icons/RNVectorIconsManager",
  "$(SRCROOT)/../node_modules/react-native-gesture-handler/ios/**",
  "$(SRCROOT)/../node_modules/react-native-linear-gradient/BVLinearGradient",
+ "$(SRCROOT)/../node_modules/react-native-splash-screen/ios",
  );
  INFOPLIST_FILE = "mindCast-tvOS/Info.plist";
  LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
@@ -1675,6 +1686,7 @@
  "\"$(SRCROOT)/$(TARGET_NAME)\"",
  "\"$(SRCROOT)/$(TARGET_NAME)\"",
  "\"$(SRCROOT)/$(TARGET_NAME)\"",
+ "\"$(SRCROOT)/$(TARGET_NAME)\"",
  );
  OTHER_LDFLAGS = (
  "-ObjC",
@@ -1706,6 +1718,7 @@
  "$(SRCROOT)/../node_modules/react-native-vector-icons/RNVectorIconsManager",
  "$(SRCROOT)/../node_modules/react-native-gesture-handler/ios/**",
  "$(SRCROOT)/../node_modules/react-native-linear-gradient/BVLinearGradient",
+ "$(SRCROOT)/../node_modules/react-native-splash-screen/ios",
  );
  INFOPLIST_FILE = "mindCast-tvOS/Info.plist";
  LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
@@ -1716,6 +1729,7 @@
  "\"$(SRCROOT)/$(TARGET_NAME)\"",
  "\"$(SRCROOT)/$(TARGET_NAME)\"",
  "\"$(SRCROOT)/$(TARGET_NAME)\"",
+ "\"$(SRCROOT)/$(TARGET_NAME)\"",
  );
  OTHER_LDFLAGS = (
  "-ObjC",
@@ -1746,6 +1760,7 @@
  "$(SRCROOT)/../node_modules/react-native-vector-icons/RNVectorIconsManager",
  "$(SRCROOT)/../node_modules/react-native-gesture-handler/ios/**",
  "$(SRCROOT)/../node_modules/react-native-linear-gradient/BVLinearGradient",
+ "$(SRCROOT)/../node_modules/react-native-splash-screen/ios",
  );
  INFOPLIST_FILE = "mindCast-tvOSTests/Info.plist";
  LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks";
@@ -1756,6 +1771,7 @@
  "\"$(SRCROOT)/$(TARGET_NAME)\"",
  "\"$(SRCROOT)/$(TARGET_NAME)\"",
  "\"$(SRCROOT)/$(TARGET_NAME)\"",
+ "\"$(SRCROOT)/$(TARGET_NAME)\"",
  );
  OTHER_LDFLAGS = (
  "-ObjC",
@@ -1786,6 +1802,7 @@
  "$(SRCROOT)/../node_modules/react-native-vector-icons/RNVectorIconsManager",
  "$(SRCROOT)/../node_modules/react-native-gesture-handler/ios/**",
  "$(SRCROOT)/../node_modules/react-native-linear-gradient/BVLinearGradient",
+ "$(SRCROOT)/../node_modules/react-native-splash-screen/ios",
  );
  INFOPLIST_FILE = "mindCast-tvOSTests/Info.plist";
  LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks @loader_path/Frameworks";
@@ -1796,6 +1813,7 @@
  "\"$(SRCROOT)/$(TARGET_NAME)\"",
  "\"$(SRCROOT)/$(TARGET_NAME)\"",
  "\"$(SRCROOT)/$(TARGET_NAME)\"",
+ "\"$(SRCROOT)/$(TARGET_NAME)\"",
  );
  OTHER_LDFLAGS = (
  "-ObjC",

package.json

@@ -37,6 +37,7 @@
  "react-native-gesture-handler": "^1.0.16",
  "react-native-linear-gradient": "^2.5.3",
  "react-native-side-menu": "^1.1.3",
+ "react-native-splash-screen": "^3.2.0",
  "react-native-swipeout": "^2.3.6",
  "react-native-vector-icons": "^6.3.0",
  "react-native-video": "^4.4.0",

src/components/common/interests/Interests.js

@@ -39,9 +39,9 @@ const DEFAULT_INTERESTS = [
  },
  {
  isSelected: false,
- title: 'LITERATURE',
+ title: 'BUSINESS',
  imageURL:
- 'https://s3-sa-east-1.amazonaws.com/mind-cast/images/categories/literature/big.jpg',
+ 'https://s3-sa-east-1.amazonaws.com/mind-cast/images/categories/business/big.jpg',
  },
  {
  isSelected: false,