add initial react-native app, with ui-schema 0.5.0-alpha.3

Author: elbakerino

.github/workflows/blank.yml

@@ -0,0 +1,72 @@
+name: UI-Schema React Native CI
+
+env:
+  DOCKER_BUILDKIT: 1
+
+on:
+  push:
+    branches: [ main, develop, feature/** ]
+  pull_request:
+    branches: [ main, develop, feature/** ]
+  #    create:
+  #        tags:
+  #            - '[0-9]+.[0-9]+.[0-9]+*'
+
+  # Allows you to run this workflow manually from the Actions tab
+  workflow_dispatch:
+
+jobs:
+  build_node:
+    runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        node-version: [ 24 ]
+    steps:
+      - uses: actions/checkout@v4
+      - name: Set Branch
+        id: vars
+        run: echo ::set-output name=short_ref::${GITHUB_REF#refs/*/}
+      - name: Use Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v4
+        with:
+          node-version: ${{ matrix.node-version }}
+          registry-url: 'https://registry.npmjs.org'
+
+      - name: Cache CI node_modules
+        uses: actions/cache@v4
+        env:
+          cache-name: cache-node-modules
+        with:
+          # npm cache files are stored in `~/.npm` on Linux/macOS
+          path: ~/.npm
+          key: ${{ runner.os }}-build-${{ env.cache-name }}
+
+      - name: Setup Java
+        uses: actions/setup-java@v4
+        with:
+          distribution: 'temurin'
+          java-version: '21'
+
+      - name: Install dependencies
+        run: npm install
+
+      - name: Build Web
+        run: npx expo export -p web
+
+      - name: Build Android
+        run: |
+          npx expo prebuild --platform android
+          chmod +x android/gradlew
+          cd android
+          ./gradlew bundleRelease --no-daemon
+
+      - name: Upload Android Bundle
+        uses: actions/upload-artifact@v4
+        with:
+          name: android-app-bundle
+          path: android/app/build/outputs/bundle/release/app-release.aab
+
+
+
+
+

.gitignore

@@ -0,0 +1,42 @@
+# Learn more https://docs.github.com/en/get-started/getting-started-with-git/ignoring-files
+
+# dependencies
+node_modules/
+
+# Expo
+.expo/
+dist/
+web-build/
+android/
+ios/
+expo-env.d.ts
+
+# Native
+.kotlin/
+*.orig.*
+*.jks
+*.p8
+*.p12
+*.key
+*.mobileprovision
+
+# Metro
+.metro-health-check*
+
+# debug
+npm-debug.*
+yarn-debug.*
+yarn-error.*
+
+# macOS
+.DS_Store
+*.pem
+
+# local env files
+.env*.local
+
+# typescript
+*.tsbuildinfo
+
+
+.idea

README.md

@@ -1 +1,80 @@
-# demo-react-native
+# UI-Schema React Native
+
+Example app for [UI-Schema React](https://github.com/ui-schema/ui-schema) with [React Native](https://reactnative.dev/) and [Expo](https://expo.dev/).
+
+Includes a custom UI-Schema binding with react-native `string`, `boolean` and `Select` widgets, and a basic multi-screen navigation structure. Check the [src/App.tsx](./src/App.tsx) file for the implementation details.
+
+> [!NOTE]
+>
+> No experience with Expo/React Native. Without checking best practices or which packages/theme libraries exist.
+>
+> The Android and web preview and build were successful.
+
+![screenshot of browser and android app preview](./assets/ui-schema-react-native.jpg)
+
+## Setup
+
+First, clone the repository and navigate into the directory:
+
+```bash
+git clone https://github.com/ui-schema/demo-react-native.git
+cd demo-react-native
+```
+
+Then install dependencies:
+
+```bash
+npm install
+```
+
+## Running the App
+
+To run the app on your device or simulator:
+
+```bash
+npm start
+```
+
+To run the web version of the app:
+
+```bash
+npm run web
+```
+
+Or run the app on Android (you'll need to have an Android emulator or device connected):
+
+```bash
+npm run android
+```
+
+## Build the App
+
+> For android/ios check the expo docs.
+
+### Web
+
+To build the web version of the app for deployment:
+
+```bash
+npx expo export -p web
+```
+
+This will create a `dist` directory containing the static web files.
+
+You can run it with a basic `http` docker image like:
+
+On unix:
+
+```bash
+docker run -p 8080:80 -v ${PWD}/dist:/usr/local/apache2/htdocs/ httpd:2.4
+```
+
+On windows:
+
+```bash
+docker run -p 8080:80 -v "%cd%/dist":/usr/local/apache2/htdocs/ httpd:2.4
+```
+
+## License
+
+This project is licensed under the MIT License.

app.json

@@ -0,0 +1,30 @@
+{
+  "expo": {
+    "name": "ui-schema-react-native",
+    "slug": "ui-schema-react-native",
+    "version": "0.5.0",
+    "orientation": "portrait",
+    "icon": "./assets/icon.png",
+    "userInterfaceStyle": "light",
+    "newArchEnabled": true,
+    "splash": {
+      "image": "./assets/splash-icon.png",
+      "resizeMode": "contain",
+      "backgroundColor": "#ffffff"
+    },
+    "ios": {
+      "supportsTablet": true
+    },
+    "android": {
+      "adaptiveIcon": {
+        "foregroundImage": "./assets/adaptive-icon.png",
+        "backgroundColor": "#ffffff"
+      },
+      "edgeToEdgeEnabled": true,
+      "package": "com.anonymous.uischemareactnative"
+    },
+    "web": {
+      "favicon": "./assets/favicon.png"
+    }
+  }
+}