chore: polished the example expo app

Author: mathdebate09

example/App.tsx

@@ -4,13 +4,13 @@ import {
   KeyboardAvoidingView,
   Platform,
   Pressable,
-  SafeAreaView,
   Text,
   TextInput,
   View,
   type ListRenderItemInfo,
   type PressableStateCallbackType,
 } from 'react-native';
+import { SafeAreaView } from 'react-native-safe-area-context';
 import { StatusBar } from 'expo-status-bar';
 import {
   align,

example/README.md

@@ -0,0 +1,29 @@
+# Example
+
+## About this app
+
+Expo app that demos **nativeflowcss** with a todo-style UI.
+
+## Screenshots
+
+<table>
+  <tr>
+    <td align="center">
+      <img src="https://ik.imagekit.io/jayowiee/github/nativeflow/example/ss-1.png" width="250"/><br/>
+      <p>Main screen</p>
+    </td>
+    <td align="center">
+      <img src="https://ik.imagekit.io/jayowiee/github/nativeflow/example/ss-2.png" width="250"/><br/>
+      <p>Todo list</p>
+    </td>
+  </tr>
+</table>
+
+## Run locally
+
+```bash
+npm install
+npm start
+```
+
+Use Expo Go, or `npm run ios`, `npm run android`, or `npm run web`.

example/index.ts example/index.tsxexample/index.ts renamed to example/index.tsx

@@ -1,8 +1,17 @@
 import { registerRootComponent } from 'expo';
+import { SafeAreaProvider } from 'react-native-safe-area-context';
 
 import App from './App';
 
+function Root() {
+  return (
+    <SafeAreaProvider>
+      <App />
+    </SafeAreaProvider>
+  );
+}
+
 // registerRootComponent calls AppRegistry.registerComponent('main', () => App);
 // It also ensures that whether you load the app in Expo Go or in a native build,
 // the environment is set up appropriately
-registerRootComponent(App);
+registerRootComponent(Root);

example/package-lock.json

@@ -1,7 +1,7 @@
 {
   "name": "example",
   "version": "1.0.0",
-  "main": "index.ts",
+  "main": "index.tsx",
   "scripts": {
     "start": "expo start",
     "android": "expo start --android",
@@ -13,7 +13,8 @@
     "expo-status-bar": "~3.0.9",
     "nativeflowcss": "^1.4.1",
     "react": "19.1.0",
-    "react-native": "0.81.5"
+    "react-native": "0.81.5",
+    "react-native-safe-area-context": "~5.6.0"
   },
   "devDependencies": {
     "@types/react": "~19.1.0",