Add JNI key value store + preparing for screen setup

Author: TheNewCivilian

.gitignore

@@ -63,3 +63,5 @@ buck-out/
 /ios/Pods/
 
 src/res/config.js
+
+*.hprof

android/app/build_defs.bzl

@@ -2,12 +2,12 @@
 
 import android.app.Application;
 import android.content.Context;
-// import com.ammarahmed.mmkv.RNMMKVJSIModulePackage; 
+import com.ammarahmed.mmkv.RNMMKVJSIModulePackage; 
 import com.facebook.react.PackageList;
 import com.facebook.react.ReactApplication;
 import com.github.reactnativecommunity.location.RNLocationPackage;
 import com.facebook.react.ReactInstanceManager;
-// import com.facebook.react.bridge.JSIModulePackage;
+import com.facebook.react.bridge.JSIModulePackage;
 import com.facebook.react.ReactNativeHost;
 import com.facebook.react.ReactPackage;
 import com.facebook.soloader.SoLoader;
@@ -38,10 +38,10 @@ protected String getJSMainModuleName() {
           return "index";
         }
 
-        // @Override
-        // protected JSIModulePackage getJSIModulePackage() {
-        //     return new RNMMKVJSIModulePackage();
-        // }
+        @Override
+        protected JSIModulePackage getJSIModulePackage() {
+            return new RNMMKVJSIModulePackage();
+        }
       };
 
   @Override

android/app/debug.keystore

@@ -28,3 +28,5 @@ MAPBOX_DOWNLOADS_TOKEN=sk.eyJ1IjoiY2FyZ29yb2NrZXQiLCJhIjoiY2tsbTRoMDg0MDVtZzJvcX
 
 # Version of flipper SDK to use with React Native
 FLIPPER_VERSION=0.33.1
+
+JAVA_TOOL_OPTIONS=-Xms4g -Xmx4g

android/app/proguard-rules.pro

@@ -3,7 +3,7 @@
  */
 
 import {AppRegistry} from 'react-native';
-import App from './src/App';
+import {App} from './src/App';
 import {name as appName} from './app.json';
 
 AppRegistry.registerComponent(appName, () => App);

android/app/src/debug/AndroidManifest.xml

@@ -24,6 +24,7 @@
     "react-native": "0.62.2",
     "react-native-gesture-handler": "^1.10.3",
     "react-native-location": "^2.5.0",
+    "react-native-mmkv-storage": "^0.5.4",
     "react-native-reanimated": "^2.0.0",
     "react-native-safe-area-context": "^3.2.0",
     "react-native-screens": "^2.18.1",

android/app/src/debug/java/com/cargorocketapp/ReactNativeFlipper.java

@@ -16,17 +16,26 @@ import {EvaIconsPack} from '@ui-kitten/eva-icons';
 import * as eva from '@eva-design/eva';
 import {default as theme} from './res/custom-theme.json';
 import {Views} from './views/Views';
+import {UiContext} from './context/UiContext';
+import MMKVStorage from 'react-native-mmkv-storage';
+
 
 /**
  * Use any valid `name` property from eva icons (e.g `github`, or `heart-outline`)
  * https://akveo.github.io/eva-icons
  */
 
-export default () => (
-  <>
-    <IconRegistry icons={EvaIconsPack} />
-    <ApplicationProvider {...eva} theme={{...eva.light, ...theme}}>
-      <Views />
-    </ApplicationProvider>
-  </>
-);
+export const App = () => {
+  const MMKV = new MMKVStorage.Loader().initialize();
+  const [isOnBoarded, setOnBoarded] = React.useState(
+    MMKV.getBool('isOnBoarded'),
+  );
+  return (
+    <UiContext.Provider value={[isOnBoarded, setOnBoarded]}>
+      <IconRegistry icons={EvaIconsPack} />
+      <ApplicationProvider {...eva} theme={{...eva.light, ...theme}}>
+        <Views />
+      </ApplicationProvider>
+    </UiContext.Provider>
+  );
+};

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export const UiContext = React.createContext({});

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

@@ -2,9 +2,24 @@ import React from 'react';
 import {Button, Layout, Text, Icon} from '@ui-kitten/components';
 import {StyleSheet} from 'react-native';
 import Logo from '../res/images/logo.svg';
+import MMKVStorage from 'react-native-mmkv-storage';
+import {UiContext} from '../context/UiContext';
 
 export const StartView = ({navigation}) => {
+  const [isOnBoarded, setIsOnBoarded] = React.useContext(UiContext);
   const shakeIconRef = React.useRef();
+  const MMKV = new MMKVStorage.Loader().initialize();
+
+  const setOnBoarded = (value) => {
+    MMKV.setBool('isOnBoarded', value, (error, result) => {
+      if (error) {
+        // Todo Figure out how to handle this in the future.
+        console.error(error);
+        return;
+      }
+    });
+    setIsOnBoarded(MMKV.getBool('isOnBoarded'));
+  };
 
   const ChevronIcon = (props) => (
     <Icon
@@ -46,7 +61,8 @@ export const StartView = ({navigation}) => {
         accessoryLeft={ChevronIcon}
         onPress={() => {
           shakeIconRef.current.startAnimation();
-          navigation.navigate('Content');
+          setOnBoarded(true);
+          // navigation.navigate('Content');
         }}>
         GO CYCLING
       </Button>

android/app/src/main/res/mipmap-hdpi/ic_launcher.png

@@ -2,43 +2,36 @@ import React from 'react';
 import {NavigationContainer} from '@react-navigation/native';
 import {createStackNavigator} from '@react-navigation/stack';
 import {StartView} from './StartView';
-// import {SelectUse} from './SelectUse';
-// import {SelectBikes} from './SelectBikes';
+import {SelectUse} from './SelectUse';
+import {SelectBikes} from './SelectBikes';
 import {NavigatingView} from './NavigatingView';
 import {Content} from './content/Content';
 import {ProjectWebView} from './ProjectWebView';
-// import MMKVStorage from 'react-native-mmkv-storage';
+import {UiContext} from '../context/UiContext';
 
 const {Navigator, Screen} = createStackNavigator();
 
 export const Views = () => {
-  // async componentWillMount() {
-  //   const MMKV = new MMKVStorage.Loader().initialize();
-  //   await MMKV.setBooleanAsync('isOnBoarded', true);
-
-  //   this.isOnBoarded = await MMKV.getStringAsync('isOnBoarded');
-  // }
+  console.log(React.useContext(UiContext));
+  const [isOnBoarded, setOnBoarded] = React.useContext(UiContext);
 
+  // const isOnBoarded = false;
   return (
     <NavigationContainer>
       <Navigator headerMode="none">
-        <Screen name="Start" component={StartView} />
-        <Screen name="Content" component={Content} />
-        <Screen name="Navigating" component={NavigatingView} />
-        <Screen name="ProjectWebView" component={ProjectWebView} />
-        {/* isOnBoarded ? (
-        <>
-          <Screen name="Start" component={StartView} />
-          <Screen name="SelectUse" component={SelectUse} />
-          <Screen name="SelectBikes" component={SelectBikes} />
-        </>
+        {isOnBoarded ? (
+          <>
+            <Screen name="Content" component={Content} />
+            <Screen name="Navigating" component={NavigatingView} />
+            <Screen name="ProjectWebView" component={ProjectWebView} />
+          </>
         ) : (
-        <>
-          <Screen name="Content" component={Content} />
-          <Screen name="Navigating" component={NavigatingView} />
-          <Screen name="ProjectWebView" component={ProjectWebView} />
-        </>
-        ) */}
+          <>
+            <Screen name="Start" component={StartView} />
+            <Screen name="SelectUse" component={SelectUse} />
+            <Screen name="SelectBikes" component={SelectBikes} />
+          </>
+        )}
       </Navigator>
     </NavigationContainer>
   );