Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/starters-dev/rnn-with-expo
🛹 Minimalistic React Native App Starter with React Native Navigation, Expo Modules and RNN Screens.
https://github.com/starters-dev/rnn-with-expo
expo expo-modules react-native react-native-navigation react-native-navigation-with-expo rnn-screens
Last synced: about 2 months ago
JSON representation
🛹 Minimalistic React Native App Starter with React Native Navigation, Expo Modules and RNN Screens.
- Host: GitHub
- URL: https://github.com/starters-dev/rnn-with-expo
- Owner: starters-dev
- License: mit
- Created: 2022-03-17T14:24:48.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2022-09-13T19:48:39.000Z (over 2 years ago)
- Last Synced: 2024-08-03T18:19:26.338Z (5 months ago)
- Topics: expo, expo-modules, react-native, react-native-navigation, react-native-navigation-with-expo, rnn-screens
- Language: Java
- Homepage: https://starters.dev
- Size: 969 KB
- Stars: 24
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# [RNN](https://github.com/wix/react-native-navigation) with [Expo](https://github.com/expo/expo)
This is a minimalistic starter with [React Native Navigation](https://github.com/wix/react-native-navigation) (`v7.29.0`) and [Expo Modules](https://github.com/expo/expo) (`v46.0.10`) set up and running together without any issues.
[React Native](https://github.com/facebook/react-native) version is `0.70.0`.
## Quickstart
1. Clone the repo
```bash
npx degit starters-dev/rnn-with-expo app
```
2. Install packages and pods
```bash
cd app && yarn && yarn ios:pods
```
3. Run it
Open XCode or Android Studio to run the project (recommended) or do
```bash
yarn ios
yarn android
```
### Rename
If you need to rename the app, do the following (based on [react-native-rename](https://github.com/junedomingo/react-native-rename)):
```bash
yarn rename "NewApp" -b com.yourcompany.newapp
yarn ios:pods
```
⚠️ Troubleshooting on Android. You can see that after running `rename` script, it doesn't change package name and imports for files under `newarchitecture` folder.
You will need do these steps manually
1. Open all `.java` files under `android/app/src/main/java/your/bundle/newarchitecture/` folder.
2. Open `MainApplication.java`.
3. Find all packages and imports which contain `io.batyr.rnnwithexpo` and change them to yours.
## What's inside
- [React Native Navigation](https://github.com/wix/react-native-navigation) - truly native navigation experience for iOS and Android.
- [Expo Modules](https://github.com/expo/expo) - libraries and modules from [Expo](https://expo.dev) ecosystem.
- [RNN Screens](https://github.com/kanzitelli/rnn-screens) - simplifed and predictable Navigation for React Native. Built on top of [React Native Navigation](https://github.com/wix/react-native-navigation).
#### Extra helpful libraries
- [Patch Package](https://github.com/ds300/patch-package) - useful for fixing node modules instantly.
## Known issues
- **[iOS]** _Hermes framework not found/loaded_. There are some cases when `hermes.framework` is not found/loaded in XCode with React Native 0.70. Check [this comment](https://github.com/facebook/react-native/issues/34601#issuecomment-1243232921) for potential solution.
- **[iOS]** _Large title is not shown on 2nd+ tab_. This [issue](https://github.com/software-mansion/react-native-screens/issues/649) exists. You can find the patch file for fixing that at `patches/react-native+0.70.0.patch`.
- **[Android]** _Issue after renaming on Android_. This happens when you [rename](#rename) the app using `yarn rename` script. Check [Rename](#rename) section for possible solution.
## Other
- [kanzitelli/rnn-starter](https://github.com/kanzitelli/rnn-starter) - is a more advanced starter that is powered by cli-rn, React Native Navigation, Expo Modules, RNN Screens, RN UI lib, MMKV, Mobx, Reanimated 2, Dark Mode, Localization, Notifications, Permissions, and much more.
> Originally bootstrapped from [react-native-community/react-native-template-typescript](https://github.com/react-native-community/react-native-template-typescript).
## License
This project is [MIT licensed](/LICENSE.md)