git clone https://github.com/Yoshi20/nfc_epd_app.git
cd nfc_epd_app
npm ci # or yarn install
# iOS only
cd ios
pod repo update # only the first time
pod install
Make sure you completed the environment setup for Android.
npx react-native run-android # run debug version on connected device
Make sure you have the package manager running in a terminal beforehand.
npx react-native start # from within project directory
- Open the
.xcworkspace
file in Xcode - Choose either a connected device or a simulated device.
- Click on the Build Icon.
Some problems (usually Metro/watchman/react-native-packager issues) can be solved like this.
- Stop running Metro bundler
- Uninstall App from device
- Clean caches
watchman watch-del-all && rm -rf $TMPDIR/react-native-packager-cache-* && rm -rf $TMPDIR/metro-bundler-cache-*
macOS: also clean the build in Xcode (Product > Clean build) before restarting
- Restart
npx react-native run-android -- --reset-cache
macOS: click on build again in Xcode
Reloading node_modules might help too
rm -rf node_modules/ && npm ci
The Home screen lists a variable number of ESignCards. The number of ESignCards can be changed by an user.
The Vorlagen screen lists a static number of ESignCards. The number of ESignCards can not be changed by an user.
The ESign screen lists a variable number of ImageCards. The number of ImageCards can be changed by an user.
...
The ESignCard consists of a name and can have multiple images. A click on an ESignCard navigates to the ESign screen.
- navigation
- route
- eSign
- originScreen
The ImageCard consists of a single image and some action icons. A click on the edit action icon navigates to the Image screen.
- navigation
- route
- image
- originScreen
- id
- name
- images
- id
- path