diff --git a/examples/react-native/native-form-signals/.gitignore b/examples/react-native/native-form-signals/.gitignore
index 05647d55..c9d575d7 100644
--- a/examples/react-native/native-form-signals/.gitignore
+++ b/examples/react-native/native-form-signals/.gitignore
@@ -7,6 +7,7 @@ node_modules/
.expo/
dist/
web-build/
+expo-env.d.ts
# Native
*.orig.*
@@ -33,3 +34,5 @@ yarn-error.*
# typescript
*.tsbuildinfo
+
+app-example
diff --git a/examples/react-native/native-form-signals/App.tsx b/examples/react-native/native-form-signals/App.tsx
deleted file mode 100644
index 91d3ed82..00000000
--- a/examples/react-native/native-form-signals/App.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { StatusBar } from 'expo-status-bar'
-import { StyleSheet, Text, View } from 'react-native'
-import { UserForm } from './src/UserForm'
-
-export default function App() {
- return (
-
- Native Form Signals
-
-
-
-
-
- )
-}
-
-const styles = StyleSheet.create({
- container: {
- flex: 1,
- backgroundColor: '#fff',
- justifyContent: 'center',
- marginHorizontal: 32,
- },
- title: {
- fontSize: 24,
- marginBottom: 16,
- fontWeight: 'bold',
- },
-})
diff --git a/examples/react-native/native-form-signals/app.json b/examples/react-native/native-form-signals/app.json
index fe20a4e3..b82c9bf3 100644
--- a/examples/react-native/native-form-signals/app.json
+++ b/examples/react-native/native-form-signals/app.json
@@ -1,27 +1,41 @@
{
"expo": {
- "name": "native-form-signals",
- "slug": "native-form-signals",
+ "name": "simple-form-signals",
+ "slug": "simple-form-signals",
"version": "1.0.0",
"orientation": "portrait",
- "icon": "./assets/icon.png",
- "userInterfaceStyle": "light",
- "splash": {
- "image": "./assets/splash.png",
- "resizeMode": "contain",
- "backgroundColor": "#ffffff"
- },
+ "icon": "./assets/images/icon.png",
+ "scheme": "myapp",
+ "userInterfaceStyle": "automatic",
+ "newArchEnabled": true,
"ios": {
"supportsTablet": true
},
"android": {
"adaptiveIcon": {
- "foregroundImage": "./assets/adaptive-icon.png",
+ "foregroundImage": "./assets/images/adaptive-icon.png",
"backgroundColor": "#ffffff"
}
},
"web": {
- "favicon": "./assets/favicon.png"
+ "bundler": "metro",
+ "output": "static",
+ "favicon": "./assets/images/favicon.png"
+ },
+ "plugins": [
+ "expo-router",
+ [
+ "expo-splash-screen",
+ {
+ "image": "./assets/images/splash-icon.png",
+ "imageWidth": 200,
+ "resizeMode": "contain",
+ "backgroundColor": "#ffffff"
+ }
+ ]
+ ],
+ "experiments": {
+ "typedRoutes": true
}
}
}
diff --git a/examples/react-native/native-form-signals/app/_layout.tsx b/examples/react-native/native-form-signals/app/_layout.tsx
new file mode 100644
index 00000000..ced57ee6
--- /dev/null
+++ b/examples/react-native/native-form-signals/app/_layout.tsx
@@ -0,0 +1,5 @@
+import { Stack } from 'expo-router'
+
+export default function RootLayout() {
+ return
+}
diff --git a/examples/react-native/native-form-signals/app/index.tsx b/examples/react-native/native-form-signals/app/index.tsx
new file mode 100644
index 00000000..459a12e5
--- /dev/null
+++ b/examples/react-native/native-form-signals/app/index.tsx
@@ -0,0 +1,16 @@
+import { UserForm } from '@/components/UserForm'
+import { View } from 'react-native'
+
+export default function Index() {
+ return (
+
+
+
+ )
+}
diff --git a/examples/react-native/native-form-signals/assets/fonts/SpaceMono-Regular.ttf b/examples/react-native/native-form-signals/assets/fonts/SpaceMono-Regular.ttf
new file mode 100644
index 00000000..28d7ff71
Binary files /dev/null and b/examples/react-native/native-form-signals/assets/fonts/SpaceMono-Regular.ttf differ
diff --git a/examples/react-native/native-form-signals/assets/adaptive-icon.png b/examples/react-native/native-form-signals/assets/images/adaptive-icon.png
similarity index 100%
rename from examples/react-native/native-form-signals/assets/adaptive-icon.png
rename to examples/react-native/native-form-signals/assets/images/adaptive-icon.png
diff --git a/examples/react-native/native-form-signals/assets/favicon.png b/examples/react-native/native-form-signals/assets/images/favicon.png
similarity index 100%
rename from examples/react-native/native-form-signals/assets/favicon.png
rename to examples/react-native/native-form-signals/assets/images/favicon.png
diff --git a/examples/react-native/native-form-signals/assets/icon.png b/examples/react-native/native-form-signals/assets/images/icon.png
similarity index 100%
rename from examples/react-native/native-form-signals/assets/icon.png
rename to examples/react-native/native-form-signals/assets/images/icon.png
diff --git a/examples/react-native/native-form-signals/assets/images/partial-react-logo.png b/examples/react-native/native-form-signals/assets/images/partial-react-logo.png
new file mode 100644
index 00000000..66fd9570
Binary files /dev/null and b/examples/react-native/native-form-signals/assets/images/partial-react-logo.png differ
diff --git a/examples/react-native/native-form-signals/assets/images/react-logo.png b/examples/react-native/native-form-signals/assets/images/react-logo.png
new file mode 100644
index 00000000..9d72a9ff
Binary files /dev/null and b/examples/react-native/native-form-signals/assets/images/react-logo.png differ
diff --git a/examples/react-native/native-form-signals/assets/images/react-logo@2x.png b/examples/react-native/native-form-signals/assets/images/react-logo@2x.png
new file mode 100644
index 00000000..2229b130
Binary files /dev/null and b/examples/react-native/native-form-signals/assets/images/react-logo@2x.png differ
diff --git a/examples/react-native/native-form-signals/assets/images/react-logo@3x.png b/examples/react-native/native-form-signals/assets/images/react-logo@3x.png
new file mode 100644
index 00000000..a99b2032
Binary files /dev/null and b/examples/react-native/native-form-signals/assets/images/react-logo@3x.png differ
diff --git a/examples/react-native/native-form-signals/assets/images/splash-icon.png b/examples/react-native/native-form-signals/assets/images/splash-icon.png
new file mode 100644
index 00000000..03d6f6b6
Binary files /dev/null and b/examples/react-native/native-form-signals/assets/images/splash-icon.png differ
diff --git a/examples/react-native/native-form-signals/assets/splash.png b/examples/react-native/native-form-signals/assets/splash.png
deleted file mode 100644
index 0e89705a..00000000
Binary files a/examples/react-native/native-form-signals/assets/splash.png and /dev/null differ
diff --git a/examples/react-native/native-form-signals/src/FormInput.tsx b/examples/react-native/native-form-signals/components/FormInput.tsx
similarity index 100%
rename from examples/react-native/native-form-signals/src/FormInput.tsx
rename to examples/react-native/native-form-signals/components/FormInput.tsx
diff --git a/examples/react-native/native-form-signals/src/UserForm.tsx b/examples/react-native/native-form-signals/components/UserForm.tsx
similarity index 92%
rename from examples/react-native/native-form-signals/src/UserForm.tsx
rename to examples/react-native/native-form-signals/components/UserForm.tsx
index 43494699..8559f792 100644
--- a/examples/react-native/native-form-signals/src/UserForm.tsx
+++ b/examples/react-native/native-form-signals/components/UserForm.tsx
@@ -52,7 +52,11 @@ export function UserForm() {
-