Merge pull request #149 from adaptui/upgrade-expo

.github/workflows/build.yml

@@ -13,7 +13,7 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
-          node-version: "14.x"
+          node-version: "16.x"
 
       - name: Get yarn cache directory path
         id: yarn-cache-dir-path

.github/workflows/lint.yml

@@ -13,7 +13,7 @@ jobs:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
         with:
-          node-version: "14.x"
+          node-version: "16.x"
 
       - name: Get yarn cache directory path
         id: yarn-cache-dir-path

.gitignore

@@ -60,4 +60,4 @@ android/keystores/debug.keystore
 .expo/*
 
 # generated by bob
-lib/
+lib/

.vscode/settings.json

@@ -28,5 +28,5 @@
     "theme",
     "components"
   ],
-  "git.branchProtection": ["main"]
+  "typescript.tsdk": "node_modules/typescript/lib"
 }

docs/getting-started.md

@@ -26,28 +26,38 @@ import React from "react";
 import { SafeAreaView, StatusBar } from "react-native";
 import { GestureHandlerRootView } from "react-native-gesture-handler";
 import { AdaptUIProvider } from "@adaptui/react-native-tailwind";
-import tailwind from "twrnc";
 
-const App = () => {
+const AppContainer = () => {
+  const tailwind = useTheme();
+
   return (
     <GestureHandlerRootView style={tailwind.style("flex-1")}>
-      <SafeAreaView style={tailwind.style(`flex-1 android:mt-[${StatusBar.currentHeight || 0}px]`)}>
-        <AdaptUIProvider>
-          // Your App Root here
-        </AdaptUIProvider>
-      </SafeAreaView>
+      <NavigationContainer>
+        <SafeAreaProvider>
+          // your app here
+        </SafeAreaProvider>
+      </NavigationContainer>
     </GestureHandlerRootView>
   );
 };
 
+const App = () => {
+  return (
+    <AdaptUIProvider>
+      <AppContainer />
+    </AdaptUIProvider>
+  );
+};
+
 export default App;
 
 ```
 
 ## Further Instructions
 
 ### Fonts Loading (Android)
-Our components look well with the Inter font on Android. 
+
+Our components look well with the Inter font on Android.
 
 You can pick the fonts from [here](../font-assets/)
 
@@ -63,11 +73,10 @@ Haptics is a technology that allows devices to provide tactile feedback to users
 
 In AdaptUI we have enabled the Haptics to all our Tappable components (Button, Tag, Radio, Checkbox and Switch) through [expo-haptics](https://docs.expo.dev/versions/latest/sdk/haptics/).
 
-You will have to install this as a dependency to get your haptics working on our Tappable components. 
+You will have to install this as a dependency to get your haptics working on our Tappable components.
 
 You can use the haptics through our hook [`useHaptics`](../src//utils//useHaptic.ts)
 
-
 ## Simple Usage
 
 Code below will render an [Avatar](./Avatar.md)

example/.gitignore

@@ -0,0 +1 @@
+.vercel