Add lottie library, config react-native-picker-crop-image, fig some b…

…ugs: splash screen, etc

android/app/build.gradle

@@ -150,6 +150,7 @@ android {
 }
 
 dependencies {
+    compile project(':lottie-react-native')
     compile project(':react-native-image-crop-picker')
     compile project(':react-native-splash-screen')
     compile project(':react-native-fbsdk')

android/app/src/main/java/com/mttjsc/mobile/sns/MainApplication.java

@@ -3,6 +3,7 @@
 import android.app.Application;
 
 import com.facebook.react.ReactApplication;
+import com.airbnb.android.react.lottie.LottiePackage;
 import com.reactnative.ivpusic.imagepicker.PickerPackage;
 import org.devio.rn.splashscreen.SplashScreenReactPackage;
 import com.facebook.CallbackManager;
@@ -37,6 +38,7 @@ public boolean getUseDeveloperSupport() {
     protected List<ReactPackage> getPackages() {
       return Arrays.<ReactPackage>asList(
           new MainReactPackage(),
+            new LottiePackage(),
             new PickerPackage(),
             new SplashScreenReactPackage(),
             new FBSDKPackage(mCallbackManager),

android/settings.gradle

@@ -1,4 +1,6 @@
 rootProject.name = 'SNS'
+include ':lottie-react-native'
+project(':lottie-react-native').projectDir = new File(rootProject.projectDir, '../node_modules/lottie-react-native/src/android')
 include ':react-native-image-crop-picker'
 project(':react-native-image-crop-picker').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-image-crop-picker/android')
 include ':react-native-splash-screen'

index.js

@@ -3,13 +3,20 @@ import { AppRegistry } from "react-native";
 import { StyleProvider } from "native-base";
 import { ApolloProvider } from "react-apollo";
 import { Provider } from "react-redux";
+import SplashScreen from "react-native-splash-screen";
 
 import getTheme from "./src/theme/components";
 import variables from "./src/theme/variables/platform";
 import { client, store } from "./src/store";
 import MainContainer from "./src/App";
 
 class Root extends Component {
+  componentWillMount() {
+    setTimeout(() => {
+      SplashScreen.hide();
+    }, 500);
+  }
+
   render() {
     return (
       <StyleProvider style={getTheme(variables)}>

package.json

@@ -57,6 +57,7 @@
     "graphql": "0.13.1",
     "immutability-helper": "2.6.6",
     "lodash": "4.17.5",
+    "lottie-react-native": "^2.3.2",
     "native-base": "2.3.10",
     "prop-types": "15.6.1",
     "react": "16.2.0",

src/assets/lottie/camera.json

@@ -0,0 +1 @@
+{"v":"5.0.6","fr":29.9700012207031,"ip":0,"op":60.0000024438501,"w":1080,"h":1080,"nm":"anim","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"camera Outlines","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[585.75,567.125,0],"ix":2},"a":{"a":0,"k":[418,419,0],"ix":1},"s":{"a":0,"k":[253.518,255.014,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-4.632,0.048],[-0.038,-4.518],[4.56,-0.046],[0.074,4.336]],"o":[[4.748,-0.049],[0.038,4.438],[-4.496,0.045],[-0.075,-4.368]],"v":[[-0.038,-7.954],[8.323,-0.146],[0.15,7.958],[-8.286,0.038]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.741,0.741,0.741,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[418.012,418.938],"ix":2},"a":{"a":0,"k":[-6.56,82.247],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":1,"k":[{"i":{"x":[0.87],"y":[14.314]},"o":{"x":[0.333],"y":[0]},"n":["0p87_14p314_0p333_0"],"t":0,"s":[0],"e":[0]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0],"y":[0]},"n":["0p667_1_0_0"],"t":21,"s":[0],"e":[-268.947]},{"i":{"x":[0.061],"y":[46.738]},"o":{"x":[0.333],"y":[0]},"n":["0p061_46p738_0p333_0"],"t":35,"s":[-268.947],"e":[-268.947]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.167],"y":[0.089]},"n":["0p667_1_0p167_0p089"],"t":45,"s":[-268.947],"e":[-359.947]},{"t":55.0000022401959}],"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-0.558,-12.942],[4.529,-0.721],[0.234,6.46],[6.189,10.717],[16.128,6.223],[0.867,0.338],[-1.591,4.587],[-5.611,-1.941],[-11.055,-21.286]],"o":[[0.214,6.384],[-5.494,0.875],[-0.446,-12.32],[-8.65,-14.981],[-0.868,-0.335],[-5.591,-2.178],[1.576,-4.541],[22.726,7.862],[5.986,11.525]],"v":[[36.529,35.533],[30.013,46.262],[20.6,37.191],[11.02,2.533],[-26.214,-29.214],[-28.829,-30.19],[-35.152,-40.889],[-23.51,-45.195],[27.056,-1.288]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.741,0.741,0.741,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[417.895,418.845],"ix":2},"a":{"a":0,"k":[-58.26,40.292],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.91],"y":[0]},"n":["0p667_1_0p91_0"],"t":0,"s":[0],"e":[-5]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.91],"y":[0]},"n":["0p667_1_0p91_0"],"t":15,"s":[-5],"e":[-5]},{"i":{"x":[0.833],"y":[0.89]},"o":{"x":[0.167],"y":[0.167]},"n":["0p833_0p89_0p167_0p167"],"t":35,"s":[-5],"e":[-274]},{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.167],"y":[0.344]},"n":["0p667_1_0p167_0p344"],"t":45,"s":[-274],"e":[-360]},{"t":55.0000022401959}],"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":2,"cix":2,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[55.476,-0.033],[-0.223,-55.331],[-55.574,-0.308],[-0.141,55.706]],"o":[[-55.453,0.032],[0.222,55.493],[55.304,0.307],[0.141,-55.44]],"v":[[-0.078,-101.001],[-100.995,0.158],[-0.175,100.986],[100.841,0.052]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[-64.071,-0.1],[0.49,-64.029],[64.142,0.117],[-0.329,64.124]],"o":[[64.393,0.099],[-0.495,64.666],[-64.404,-0.119],[0.33,-64.366]],"v":[[0.008,-116.993],[116.826,0.239],[-0.071,116.976],[-116.986,-0.243]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0.741,0.741,0.741,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[424.234,417.135],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 5","np":4,"cix":2,"ix":3,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-4.324,0.089],[0.011,-4.589],[4.23,-0.104],[-0.013,4.413]],"o":[[4.55,-0.093],[-0.011,4.334],[-4.325,0.106],[0.014,-4.352]],"v":[[-0.151,-8.066],[7.944,-0.044],[0.209,8.052],[-7.942,-0.09]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.741,0.741,0.741,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[234.481,447.901],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 6","np":2,"cix":2,"ix":4,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[-5.128,-0.613],[-0.253,-3.589],[3.241,-1.43],[1.304,-0.013],[6.794,0.103],[0.053,5.832],[-0.123,14.258],[-4.7,-0.143],[-0.042,-5.345],[-0.001,-10.26]],"o":[[5.817,0.295],[3.807,0.455],[0.246,3.473],[-1.173,0.517],[-6.796,0.067],[-5.818,-0.088],[-0.131,-14.257],[0.047,-5.496],[4.547,0.137],[0.081,10.26],[0,0]],"v":[[-3.126,14.012],[13.02,14.919],[18.957,21.961],[14.206,29.574],[10.32,30.27],[-10.066,30.28],[-19.073,21.393],[-19.073,-21.38],[-10.842,-30.24],[-3.155,-21.286],[-3.126,9.495]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.741,0.741,0.741,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[245.597,492.242],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 7","np":2,"cix":2,"ix":5,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-0.022,4.16],[4.273,0.018],[0.009,-4.304],[-4.208,-0.01]],"o":[[0.022,-4.215],[-4.321,-0.017],[-0.008,4.246],[4.157,0.01]],"v":[[7.886,0],[-0.047,-7.9],[-7.975,-0.052],[-0.098,7.93]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0.041,13.07],[-13.158,0.084],[0.116,-13.171],[12.929,0.031]],"o":[[-0.042,-13.166],[13.292,-0.085],[-0.116,13.003],[-13.04,-0.031]],"v":[[-23.995,0.051],[-0.26,-23.926],[23.922,0.091],[-0.102,23.98]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0.741,0.741,0.741,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[264.775,332.673],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 8","np":4,"cix":2,"ix":6,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[6.917,-10.048],[-13.311,0.166],[-2.624,1.069],[-14.687,1.324],[-22.101,-8.588],[-1.899,-0.488],[6.078,8.559],[1.162,0.002],[39.719,-0.063],[0.589,-0.83]],"o":[[14.293,0],[2.845,-0.035],[13.663,-5.569],[23.604,-2.128],[0.888,0.345],[-6.545,-9.504],[-0.598,-0.841],[-39.72,-0.067],[-1.177,0.002],[-6.451,9.101]],"v":[[-82.606,-120.354],[-41.689,-120.428],[-33.202,-122.051],[9.267,-132.583],[77.839,-122.884],[81.591,-121.904],[63.062,-148.647],[59.653,-149.967],[-59.506,-149.971],[-62.957,-148.726]],"c":true},"ix":2},"nm":"Path 2","mn":"ADBE Vector Shape - Group","hd":false},{"ind":1,"ty":"sh","ix":2,"ks":{"a":0,"k":{"i":[[0,0],[0.04,-49.311],[38.639,-30.854],[-0.517,0],[-18.399,0.057],[-1.888,0.547],[-0.002,10.053],[0.003,66.262],[14.172,0.016],[16.933,0]],"o":[[39.344,31.408],[-0.04,49.179],[1.315,0.16],[18.399,0.009],[1.972,-0.006],[8.362,-2.424],[0.008,-66.262],[-0.001,-14.076],[-16.933,-0.018],[0,0]],"v":[[111.907,-104.36],[172.214,15.868],[112.483,135.349],[114.832,135.628],[170.029,135.603],[175.931,134.82],[188.823,115.501],[188.826,-83.286],[167.648,-104.356],[116.851,-104.36]],"c":true},"ix":2},"nm":"Path 3","mn":"ADBE Vector Shape - Group","hd":false},{"ind":2,"ty":"sh","ix":3,"ks":{"a":0,"k":{"i":[[0.159,-73.076],[-74.027,-0.158],[-0.348,73.359],[72.998,-0.155]],"o":[[0.413,73.54],[73.239,0.157],[0.347,-72.875],[-73.065,0.156]],"v":[[-109.569,15.584],[23.503,148.643],[156.375,15.824],[23.34,-117.338]],"c":true},"ix":2},"nm":"Path 4","mn":"ADBE Vector Shape - Group","hd":false},{"ind":3,"ty":"sh","ix":4,"ks":{"a":0,"k":{"i":[[-38.916,31.039],[0.508,0],[33.861,-0.14],[0.004,-12.079],[-0.018,-66.788],[-12.637,-0.021],[-33.194,0.015],[-1.54,0.15],[0.012,49.134]],"o":[[-1.452,-0.155],[-33.861,-0.008],[-12.077,0.05],[-0.025,66.788],[0.004,12.599],[33.194,0.056],[1.068,-0.001],[-38.737,-30.992],[-0.012,-49.268]],"v":[[-65.422,-104.091],[-67.89,-104.348],[-169.472,-104.306],[-188.767,-84.617],[-188.771,115.747],[-168.939,135.625],[-69.357,135.633],[-65.681,135.287],[-125.388,15.734]],"c":true},"ix":2},"nm":"Path 5","mn":"ADBE Vector Shape - Group","hd":false},{"ind":4,"ty":"sh","ix":5,"ks":{"a":1,"k":[{"i":{"x":0.974,"y":0},"o":{"x":0.468,"y":0},"n":"0p974_0_0p468_0","t":0,"s":[{"i":[[0,0],[3.19,-4.685],[12.112,0.043],[26.799,-0.097],[2.25,-0.949],[24.208,1.952],[14.075,5.666],[3.358,0.01],[41.733,-0.104],[7.532,9.725],[0.006,7.782],[-0.098,67.599],[-14.619,5.324],[0.035,2.166],[-0.091,6.665],[-6.784,0.065],[-11.599,-0.118],[-0.04,-6.907],[0,-7.612],[-7.017,0.245],[-0.779,1.12],[-8.384,12.506],[-4.719,-0.01],[-42.533,0.102],[-2.726,-4.079],[-8.169,-12.168],[-3.185,0.023],[-20.534,0.037],[-7.38,-6.805],[-1.768,-7.92]],"o":[[-2.239,5.333],[-6.892,10.121],[-26.8,-0.097],[-2.458,0.009],[-22.427,9.453],[-15.117,-1.217],[-3.105,-1.25],[-41.733,-0.125],[-12.069,0.031],[-4.846,-6.257],[-0.048,-67.598],[0.023,-15.4],[2.162,-0.787],[-0.11,-6.665],[0.094,-6.858],[11.599,-0.11],[6.809,0.07],[0.043,7.165],[7.471,0],[1.058,-0.036],[8.593,-12.365],[2.666,-3.977],[42.532,0.087],[4.913,-0.012],[8.144,12.185],[1.755,2.614],[20.531,-0.147],[9.808,-0.017],[6.142,5.665],[0,0]],"v":[[204.824,121.77],[197.945,137.658],[168.602,151.669],[88.203,151.7],[80.86,153.082],[10.895,164.137],[-32.816,153.612],[-42.848,151.721],[-168.047,151.679],[-197.734,138.158],[-204.742,116.935],[-204.726,-85.862],[-181.492,-118.336],[-178.736,-122.415],[-178.751,-142.414],[-169.049,-152.282],[-134.25,-152.28],[-124.657,-142.344],[-124.647,-120.402],[-103.129,-120.529],[-100.079,-123.267],[-74.483,-160.486],[-63.805,-166.069],[63.793,-166.077],[74.727,-160.209],[99.544,-123.911],[106.311,-120.279],[167.91,-120.365],[193.951,-111.088],[204.824,-90.23]],"c":true}],"e":[{"i":[[0,0],[3.19,-4.685],[12.112,0.043],[26.799,-0.097],[2.25,-0.949],[24.208,1.952],[14.075,5.666],[3.358,0.01],[41.733,-0.104],[7.532,9.725],[0.006,7.782],[-0.098,67.599],[-14.619,5.324],[-0.165,-0.015],[-0.15,-0.016],[0.023,0.102],[-0.089,0.037],[0.006,-0.086],[-0.254,-0.028],[-7.017,0.245],[-0.779,1.12],[-8.384,12.506],[-4.719,-0.01],[-42.533,0.102],[-2.726,-4.079],[-8.169,-12.168],[-3.185,0.023],[-20.534,0.037],[-7.38,-6.805],[-1.768,-7.92]],"o":[[-2.239,5.333],[-6.892,10.121],[-26.8,-0.097],[-2.458,0.009],[-22.427,9.453],[-15.117,-1.217],[-3.105,-1.25],[-41.733,-0.125],[-12.069,0.031],[-4.846,-6.257],[-0.048,-67.598],[0.023,-15.4],[2.162,-0.787],[-0.04,-0.14],[0.1,-0.016],[0.023,-0.023],[-0.026,-0.088],[0.131,0.164],[7.471,0],[1.058,-0.036],[8.593,-12.365],[2.666,-3.977],[42.532,0.087],[4.913,-0.012],[8.144,12.185],[1.755,2.614],[20.531,-0.147],[9.808,-0.017],[6.142,5.665],[0,0]],"v":[[204.824,121.77],[197.945,137.658],[168.602,151.669],[88.203,151.7],[80.86,153.082],[10.895,164.137],[-32.816,153.612],[-42.848,151.721],[-168.047,151.679],[-197.734,138.158],[-204.742,116.935],[-204.726,-85.862],[-181.492,-118.336],[-178.611,-120.165],[-174.751,-120.164],[-165.299,-120.407],[-134.375,-120.655],[-124.782,-120.594],[-124.647,-120.402],[-103.129,-120.529],[-100.079,-123.267],[-74.483,-160.486],[-63.805,-166.069],[63.793,-166.077],[74.727,-160.209],[99.544,-123.911],[106.311,-120.279],[167.91,-120.365],[193.951,-111.088],[204.824,-90.23]],"c":true}]},{"t":15.0000006109625}],"ix":2},"nm":"Path 6","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"mm","mm":1,"nm":"Merge Paths 1","mn":"ADBE Vector Filter - Merge","hd":false},{"ty":"fl","c":{"a":0,"k":[0.741,0.741,0.741,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[400.776,401.43],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 14","np":7,"cix":2,"ix":7,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":60.0000024438501,"st":0,"bm":0}],"markers":[]}

src/assets/lotties.js

@@ -0,0 +1,3 @@
+export default {
+  camera: require("./lottie/camera.json"),
+};

src/components/CRUDPost/index.js

@@ -4,11 +4,13 @@ import MaterialIcons from "react-native-vector-icons/MaterialIcons";
 import { connect } from "react-redux";
 import { NavigationActions } from "react-navigation";
 import ImagePicker from "react-native-image-crop-picker";
+import LottieAnimation from "lottie-react-native";
 
 import Layout from "../Layout";
 import { colors } from "../../constants";
 import styles from "./styles";
 import HeaderAvatar from "../HeaderAvatar";
+import LottieAsset from "../../assets/lotties";
 
 const MAX_MESSAGE_CHARACTER = 300;
 
@@ -28,6 +30,10 @@ class CRUDPost extends Component{
     };
   }
 
+  componentDidMount() {
+    this.animation.play();
+  }
+
   _onChangeText = text => this.setState({ text });
 
   get _textLength() {
@@ -117,11 +123,19 @@ class CRUDPost extends Component{
                 <MaterialIcons name="attachment" size={30} color={colors.LIGHT_GRAY} />
               </TouchableOpacity>
               <TouchableOpacity
+                style={[styles.mediaButton, {width: 30, height: 30}]}
+                onPress={this.handlePressOpenCamera}>
+                <LottieAnimation
+                  ref={animation => { this.animation = animation;}}
+                  source={LottieAsset.camera}
+                />
+              </TouchableOpacity>
+              {/* <TouchableOpacity
                 style={styles.mediaButton}
                 onPress={this.handlePressOpenCamera}
                 >
                 <MaterialIcons name="photo-camera" size={30} color={colors.LIGHT_GRAY} />
-              </TouchableOpacity>
+              </TouchableOpacity> */}
             </View>
             <View style={{flex: 1, flexDirection:"row", alignItems:"center", justifyContent:"flex-end"}}>
               <Text style={styles.textLength}>{this._textLength}</Text>

src/container/AuthLoadingScreen/index.js

@@ -27,7 +27,7 @@ class AuthLoadingScreen extends React.Component {
   componentDidMount() {
     setTimeout(() => {
       SplashScreen.hide();
-    }, 1500);
+    }, 500);
   }
 
   render() {

src/container/FriendProfileScreen/Details/Wall.js

@@ -9,7 +9,6 @@ import {
   Button
 } from "native-base";
 import { FlatList, Image, Dimensions } from "react-native";
-import Layout from "../../../components/Layout";
 import FeedCard from "../../../components/FeedCard/FeedCard";
 import styles from "../styles";
 import Intro from "./Intro";
@@ -72,7 +71,6 @@ class Wall extends Component {
       <FlatList
         keyExtractor={index => index._id}
         contentContainerStyle={{ alignSelf: "stretch" }}
-        onEndReachedThreshold={0.1}
         data={this.props.info.posts}
         renderItem={this._renderItem.bind(this)}
         ListHeaderComponent={this.renderHeader}

src/container/FriendProfileScreen/index.js

@@ -1,5 +1,5 @@
 import React, { Component } from "react";
-import { Content, Header, Icon, Left, Button, Body, Title, Right, Container } from "native-base";
+import { Header, Icon, Left, Button, Body, Title, Right, Container } from "native-base";
 import { ActivityIndicator } from "react-native";
 import { graphql } from "react-apollo";