From 02cf24ea574c59786c73b7c46f7a1f8c77628eef Mon Sep 17 00:00:00 2001 From: Brent Vatne Date: Wed, 31 Jul 2019 16:57:47 -0700 Subject: [PATCH] Update navigation playground app --- .../.expo-shared/assets.json | 7 ++ .../examples/NavigationPlayground/app.json | 3 +- .../NavigationPlayground/src/CustomTabUI.tsx | 73 +++++++++++++----- .../src/assets/NavLogo.png | Bin 30964 -> 16800 bytes .../NavigationPlayground/src/assets/back.png | Bin 2366 -> 939 bytes .../src/assets/dog-back.png | Bin 7689 -> 4663 bytes .../NavigationPlayground/src/assets/icon.png | Bin 2976 -> 76023 bytes .../src/assets/splash.png | Bin 7178 -> 136496 bytes 8 files changed, 63 insertions(+), 20 deletions(-) create mode 100644 packages/react-navigation/examples/NavigationPlayground/.expo-shared/assets.json diff --git a/packages/react-navigation/examples/NavigationPlayground/.expo-shared/assets.json b/packages/react-navigation/examples/NavigationPlayground/.expo-shared/assets.json new file mode 100644 index 00000000..f77f2fec --- /dev/null +++ b/packages/react-navigation/examples/NavigationPlayground/.expo-shared/assets.json @@ -0,0 +1,7 @@ +{ + "2597acb02c2c2a7cf6627e6e3570f99612cb9e87847e685e6a60b5668e2799a0": true, + "5e5a970a20c69dd6ecd2e5c3db621effc6e7eba78c972a63dacd69e9e6734616": true, + "69ef6f9ec53cb7b1657de525c6c77f03fcecbe3607d4b6086995c73024a013fe": true, + "33e0eb31a7feec0d570d18432ac02c90520557ee17f021652be26b0a51fb9dcc": true, + "89ed26367cdb9b771858e026f2eb95bfdb90e5ae943e716575327ec325f39c44": true +} \ No newline at end of file diff --git a/packages/react-navigation/examples/NavigationPlayground/app.json b/packages/react-navigation/examples/NavigationPlayground/app.json index f619a605..96e638c3 100644 --- a/packages/react-navigation/examples/NavigationPlayground/app.json +++ b/packages/react-navigation/examples/NavigationPlayground/app.json @@ -1,6 +1,7 @@ { "expo": { - "name": "NavigationPlayground", + "name": "React Navigation Playground", + "description": "Explore various patterns for navigation", "slug": "NavigationPlayground", "privacy": "public", "sdkVersion": "32.0.0", diff --git a/packages/react-navigation/examples/NavigationPlayground/src/CustomTabUI.tsx b/packages/react-navigation/examples/NavigationPlayground/src/CustomTabUI.tsx index 262ba55a..c5c8608e 100644 --- a/packages/react-navigation/examples/NavigationPlayground/src/CustomTabUI.tsx +++ b/packages/react-navigation/examples/NavigationPlayground/src/CustomTabUI.tsx @@ -1,5 +1,7 @@ import React from 'react'; import { + Alert, + TouchableOpacity, LayoutAnimation, StatusBar, StyleSheet, @@ -8,6 +10,7 @@ import { } from 'react-native'; import Ionicons from 'react-native-vector-icons/Ionicons'; import { + MaterialTopTabBar, createMaterialTopTabNavigator, NavigationScreenProp, NavigationState, @@ -53,9 +56,9 @@ class MyHomeScreen extends React.Component { } } -class RecommendedScreen extends React.Component { +class StarredScreen extends React.Component { static navigationOptions = { - tabBarLabel: 'Recommended', + tabBarLabel: 'Starred', tabBarIcon: ({ tintColor, focused, @@ -76,7 +79,7 @@ class RecommendedScreen extends React.Component { const { navigation } = this.props; return ( - Recommended Screen + Starred Screen