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() { -