https://github.com/henryquan/flutter-react-native
Use React Native in a Flutter app
https://github.com/henryquan/flutter-react-native
flutter react-native
Last synced: 3 months ago
JSON representation
Use React Native in a Flutter app
- Host: GitHub
- URL: https://github.com/henryquan/flutter-react-native
- Owner: HenryQuan
- License: mit
- Created: 2022-08-25T05:47:26.000Z (almost 3 years ago)
- Default Branch: master
- Last Pushed: 2022-11-20T05:27:11.000Z (over 2 years ago)
- Last Synced: 2025-01-18T04:28:50.242Z (5 months ago)
- Topics: flutter, react-native
- Language: Kotlin
- Homepage:
- Size: 189 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Flutter React Native
Use React Native in a Flutter app.
This demo app shows how you can embed React Native in Flutter. It saves a flag to determine which one should be shown on startup. You can toggle between Flutter and React Native by tapp9ng the button in the top right corner.
This is a POC of my WoWs Info app. I am working on a full Flutter rework which contains major UI changes. For better or worse, my users won't like it. That's why I had this idea of asking my users to pick which one their prefer. Slowly after a few updates, I will remove the old React Native app so this is like a transition to Flutter.
## How to run
You will need to setup both `Flutter` and `React Native` environment to run this app. Once you have them setup, you can run it like you run a normal Flutter app with `flutter run`. However, you need to run `npx yarn start` to host the React Native app while debugging.
## How to build for release
There is one additional step while building the app for release. You need to run `npx yarn build-android` to build the bundle. The app can still run without it, but it will crash whenever you switch to React Native.