Merge pull request #4771 from GeekyAnts/release/3.3.8-alpha.5

Release/3.3.8 alpha.5

Author: surajahmed

example/package.json

@@ -16,27 +16,27 @@
     "update-test": "yarn test -u"
   },
   "dependencies": {
-    "@expo/vector-icons": "^12.0.2",
+    "@expo/vector-icons": "^12.0.0",
     "@react-native-aria/overlays": "^0.2.9",
-    "@react-native-async-storage/async-storage": "^1.15.7",
-    "expo": "~40.0.0",
-    "expo-font": "~8.4.0",
-    "expo-linear-gradient": "^9.1.0",
-    "expo-splash-screen": "^0.8.1",
-    "expo-status-bar": "~1.0.3",
+    "@react-native-async-storage/async-storage": "~1.15.0",
+    "expo": "^44.0.0",
+    "expo-font": "~10.0.4",
+    "expo-linear-gradient": "~11.0.3",
+    "expo-splash-screen": "~0.14.1",
+    "expo-status-bar": "~1.2.0",
     "formik": "^2.2.6",
-    "react": "16.13.1",
+    "react": "17.0.1",
     "react-hook-form": "^6.14.0",
-    "react-native": "https://github.com/expo/react-native/archive/sdk-40.0.1.tar.gz",
+    "react-native": "https://github.com/expo/react-native/archive/sdk-44.0.0.tar.gz",
     "react-native-keyboard-aware-scroll-view": "^0.9.4",
-    "react-native-safe-area-context": "^3.1.9",
-    "react-native-svg": "^12.1.0",
-    "react-native-web": "^0.16.5"
+    "react-native-safe-area-context": "3.3.2",
+    "react-native-svg": "12.1.1",
+    "react-native-web": "0.17.1"
   },
   "devDependencies": {
-    "@babel/core": "~7.9.0",
+    "@babel/core": "^7.12.9",
     "@babel/runtime": "^7.12.5",
-    "@expo/webpack-config": "^0.12.51",
+    "@expo/webpack-config": "~0.16.2",
     "@storybook/addon-actions": "^5.3",
     "@storybook/addon-knobs": "^5.3",
     "@storybook/addon-links": "^5.3",
@@ -45,20 +45,20 @@
     "@storybook/addon-storyshots": "^6.3.4",
     "@storybook/react-native": "^5.3.23",
     "@storybook/react-native-server": "^5.3.23",
-    "@types/react": "~16.9.35",
-    "@types/react-dom": "~16.9.8",
-    "@types/react-native": "~0.63.2",
+    "@types/react": "~17.0.21",
+    "@types/react-dom": "~17.0.9",
+    "@types/react-native": "~0.64.12",
     "babel-loader": "^8.2.2",
     "babel-plugin-module-resolver": "^4.0.0",
     "core-js": "3.6.5",
-    "jest": "^27.0.6",
-    "jest-expo": "^42.0.1",
+    "jest": "^26.6.3",
+    "jest-expo": "^44.0.0",
     "metro-react-native-babel-preset": "^0.64.0",
     "patch-package": "^6.2.2",
     "postinstall-postinstall": "^2.1.0",
-    "react-dom": "^17.0.2",
+    "react-dom": "17.0.1",
     "react-test-renderer": "^17.0.2",
-    "typescript": "4.2.4"
+    "typescript": "~4.3.5"
   },
   "private": false
 }

example/storybook/stories/components/composites/Badge/color.tsx

@@ -3,7 +3,7 @@ import { Badge, HStack } from 'native-base';
 
 export function Example() {
   return (
-    <HStack space={4} mx={{ base: 'auto', md: 0 }}>
+    <HStack space={{ base: 2, sm: 4 }} mx={{ base: 'auto', md: 0 }}>
       <Badge colorScheme="success">SUCCESS</Badge>
       <Badge colorScheme="danger">DANGER</Badge>
       <Badge colorScheme="info">INFO</Badge>

example/storybook/stories/components/composites/FormControl/CustomStyle.tsx

@@ -7,13 +7,12 @@ import {
   Divider,
   Box,
   WarningOutlineIcon,
+  ScrollView,
 } from 'native-base';
-import { KeyboardAwareScrollView } from 'react-native-keyboard-aware-scroll-view';
 
 export const Example = () => {
   return (
-    // eslint-disable-next-line react-native/no-inline-styles
-    <KeyboardAwareScrollView style={{ width: '100%' }}>
+    <ScrollView w="100%">
       <Stack
         space={2.5}
         alignSelf="center"
@@ -72,6 +71,6 @@ export const Example = () => {
           </FormControl>
         </Box>
       </Stack>
-    </KeyboardAwareScrollView>
+    </ScrollView>
   );
 };