How to include Flutter module as a React Native package

Source code of the article about including Flutter module as a React Native package (rn-package-flutter/article-1 branch).

• Medium
• Dev.to
• GitHub

Repository structure:

• ReactNativeApp directory contains host app code written in React Native Web, TypeScript
• rn-flutter directory contains package code written in React Native Web
• flutter_module directory contains Flutter module written in Dart

Main Libraries Used 🛠

Tested with Flutter 3.10 and React-Native 0.72.

• Flutter
• React Native
• React Native Web
• CocoaPods
• create-react-native-module

Found Libraries Limitations 🐞

• React Native: need to duplicate in host app custom 3rd party maven dependencies used in react-native npm module
  https://stackoverflow.com/questions/65089494/3rd-party-maven-dependency-in-react-native-npm-module
• CocoaPods: can't define pod configuration ("Debug" or "Release") in .podspec file
  CocoaPods/CocoaPods#2847,
  CocoaPods/CocoaPods#6338
• CocoaPods: can't define local directory in the podspec source property
  CocoaPods/cocoapods-packager#216

Learn More 📖

Add Flutter to existing app