chore: updated examples

gorhom · May 13, 2020 · 7f3c9ad · 7f3c9ad
1 parent c08ac44
commit 7f3c9ad
Show file tree

Hide file tree

Showing 5 changed files with 43 additions and 30 deletions.
diff --git a/example/ios/Podfile.lock b/example/ios/Podfile.lock
@@ -294,13 +294,13 @@ PODS:
     - React-cxxreact (= 0.62.2)
     - React-jsi (= 0.62.2)
     - ReactCommon/callinvoker (= 0.62.2)
-  - RNCMaskedView (0.1.9):
+  - RNCMaskedView (0.1.10):
     - React
   - RNGestureHandler (1.6.1):
     - React
   - RNReanimated (1.8.0):
     - React
-  - RNScreens (2.5.0):
+  - RNScreens (2.7.0):
     - React
   - RNSVG (12.1.0):
     - React
@@ -465,14 +465,14 @@ SPEC CHECKSUMS:
   React-RCTText: fae545b10cfdb3d247c36c56f61a94cfd6dba41d
   React-RCTVibration: 4356114dbcba4ce66991096e51a66e61eda51256
   ReactCommon: ed4e11d27609d571e7eee8b65548efc191116eb3
-  RNCMaskedView: 71fc32d971f03b7f03d6ab6b86b730c4ee64f5b6
+  RNCMaskedView: 5a8ec07677aa885546a0d98da336457e2bea557f
   RNGestureHandler: 8f09cd560f8d533eb36da5a6c5a843af9f056b38
   RNReanimated: 955cf4068714003d2f1a6e2bae3fb1118f359aff
-  RNScreens: ac02d0e4529f08ced69f5580d416f968a6ec3a1d
+  RNScreens: cf198f915f8a2bf163de94ca9f5bfc8d326c3706
   RNSVG: ce9d996113475209013317e48b05c21ee988d42e
   Yoga: 3ebccbdd559724312790e7742142d062476b698e
   YogaKit: f782866e155069a2cca2517aafea43200b01fd5a
 
 PODFILE CHECKSUM: 56c73ab9a2166cbab24257823e8fd44a49d9cfb1
 
-COCOAPODS: 1.8.4
+COCOAPODS: 1.9.1
diff --git a/example/package.json b/example/package.json
@@ -8,7 +8,7 @@
     "start": "react-native start"
   },
   "dependencies": {
-    "@gorhom/showcase-template": "^0.2.2",
+    "@gorhom/showcase-template": "^0.3.1",
     "@react-native-community/masked-view": "^0.1.9",
     "@react-navigation/native": "^5.1.6",
     "@react-navigation/stack": "^5.2.11",

diff --git a/example/src/App.tsx b/example/src/App.tsx
@@ -3,7 +3,7 @@ import { StatusBar } from 'react-native';
 import { NavigationContainer } from '@react-navigation/native';
 import { createStackNavigator } from '@react-navigation/stack';
 import RootScreen from './screens/Root';
-import DefaultScreen from './screens/Default';
+import HorizontalGestureScreen from './screens/HorizontalGesture';
 import VerticalGestureScreen from './screens/VerticalGesture';
 import WithoutImageScreen from './screens/WithoutImage';
 import WithoutIconScreen from './screens/WithoutIcon';
@@ -19,7 +19,10 @@ const App = () => {
       <NavigationContainer>
         <Stack.Navigator initialRouteName="Root" headerMode="none">
           <Stack.Screen name="Root" component={RootScreen} />
-          <Stack.Screen name="Default" component={DefaultScreen} />
+          <Stack.Screen
+            name="HorizontalGesture"
+            component={HorizontalGestureScreen}
+          />
           <Stack.Screen
             name="VerticalGesture"
             component={VerticalGestureScreen}

diff --git a/example/src/screens/Default.tsx → example/src/screens/HorizontalGesture.tsx b/example/src/screens/Default.tsx → example/src/screens/HorizontalGesture.tsx
@@ -36,7 +36,7 @@ const data: PaperOnboardingItemType[] = [
   },
 ];
 
-const DefaultScreen = () => {
+const HorizontalGesture = () => {
   // hooks
   const { goBack } = useNavigation();
   const safeInsets = useSafeArea();
@@ -72,4 +72,4 @@ const DefaultScreen = () => {
   );
 };
 
-export default DefaultScreen;
+export default HorizontalGesture;
diff --git a/example/src/screens/Root.tsx b/example/src/screens/Root.tsx
@@ -5,28 +5,38 @@ import { useNavigation } from '@react-navigation/native';
 
 const examples = [
   {
-    name: 'Default',
-    slug: 'Default',
+    title: 'default',
+    data: [
+      {
+        name: 'Horizontal Gesture',
+        slug: 'HorizontalGesture',
+      },
+      {
+        name: 'Vertical Gesture',
+        slug: 'VerticalGesture',
+      },
+    ],
   },
   {
-    name: 'Vertical Gesture',
-    slug: 'VerticalGesture',
-  },
-  {
-    name: 'Without Image',
-    slug: 'WithoutImage',
-  },
-  {
-    name: 'Without Icon',
-    slug: 'WithoutIcon',
-  },
-  {
-    name: 'With Styling',
-    slug: 'WithStyling',
-  },
-  {
-    name: 'Custom Content',
-    slug: 'CustomContent',
+    title: 'Customisation',
+    data: [
+      {
+        name: 'Without Image',
+        slug: 'WithoutImage',
+      },
+      {
+        name: 'Without Icon',
+        slug: 'WithoutIcon',
+      },
+      {
+        name: 'With Styling',
+        slug: 'WithStyling',
+      },
+      {
+        name: 'Custom Content',
+        slug: 'CustomContent',
+      },
+    ],
   },
 ];