1. Antecedentes

Se hace referencia al artículo desde el sitio web oficial de Flutter: Ingrese al sitio web oficial de Flutter

Según los métodos proporcionados por el sitio web oficial de Flutter, se proporcionan tres opciones para integrar Flutter en proyectos de iOS existentes.

La primera forma: especificando el directorio del proyecto Flutter en el archivo Podfile. Este método es relativamente amigable para proyectos de iOS que ya están en desarrollo, con cambios menores y se puede implementar después de la codificación de Flutter, y puede ver el efecto ejecutando el proyecto nativo directamente.

El segundo tipo: empaquetar el proyecto Flutter como un complemento para introducirlo en el proyecto nativo. Este método puede separar el proyecto nativo del proyecto Flutter, pero es más problemático para la depuración. Cada vez que se actualiza el proyecto Flutter, debe empaquetarlo en un complemento y luego reemplazar el complemento dependiente original del proyecto nativo.

El tercer método: utilice CocoaPods para incrustar aplicaciones y marcos de complementos en proyectos Xcode y Flutter. Este método es la solución predeterminada cuando se utilizan herramientas de desarrollo de Android Studio para crear nuevos proyectos de Flutter. Después de crear el nuevo proyecto de Flutter, se creará De forma predeterminada. Los proyectos nativos de iOS y Android tendrán paquetes integrados con Flutter en los proyectos nativos. Esta solución es más problemática para los proyectos nativos que ya están en desarrollo.

En los siguientes casos, se utiliza el primer método para la correlación.

2. Integre el nuevo proyecto Flutter en el proyecto iOS existente.

1. Crea un nuevo proyecto de Flutter

//创建一个名字为my_flutter的Flutter工程
flutter create --template module my_flutter

El directorio del proyecto my_flutter creado es el siguiente:

Entre ellos, .ios y .android son archivos ocultos. El contenido de los archivos es el código de caché compilado por Flutter para la plataforma correspondiente. Después de eliminarlo, se regenerará durante la próxima compilación.

Importante: en el archivo pubspec.yaml del proyecto my_flutter, hay una configuración de atributos de módulo en la parte inferior. Esta configuración determina qué método utiliza Flutter para asociarse con el proyecto nativo. Después de configurar el atributo del módulo y los nombres de los paquetes de androidPackage e iosBundleIdentifier en la figura siguiente, los directorios .ios y .android se generarán automáticamente. Si no se configura, Flutter utilizar La tercera opción es compilar, es decir, compilar el código en las carpetas de Android e iOS en el proyecto Flutter en lugar del código en el archivo .android o .ios.

#注意不要顶格写  
  module:
    androidX: true
    androidPackage: 填写android工程的包名
    iosBundleIdentifier: 填写iOS工程的包名

2. Asociar el proyecto iOS con el proyecto Flutter.

Abra el archivo Podfile en el proyecto iOS y configure el directorio Flutter en el archivo. Tomando my_flutter anterior como ejemplo, suponiendo que my_flutter y el directorio del proyecto iOS están en el mismo directorio raíz, la configuración es la siguiente:

flutter_application_path = '../my_flutter'
load File.join(flutter_application_path, '.ios', 'Flutter', 'podhelper.rb')

Debajo de cada nodo de destino de Podfile que deba integrarse con Flutter, agregue el siguiente código:

target 'my_flutter' do
  install_all_flutter_pods(flutter_application_path)
end

En la sección post_install del Podfile, agregue el siguiente código:

post_install do |installer|
  flutter_post_install(installer) if defined?(flutter_post_install)
end

En el directorio my_flutter, ejecute el comando de sincronización:

 flutter pub get

Luego realice la instalación de la biblioteca remota en el proyecto nativo de iOS:

pod install

Después de agregar el código anterior, significa que el proyecto nativo de iOS se ha asociado con el proyecto my_futter recién creado. Cada codificación en el proyecto Flutter se puede ejecutar y mostrar directamente en el proyecto nativo de iOS.

3. Conéctese al proyecto Flutter existente en el proyecto iOS existente

1. Modifique pubspec.yaml en el proyecto Flutter.

Para usar este método, solo necesita modificar el archivo pubspec.yaml en el proyecto Flutter, abrir el archivo pubspec.yaml y agregar lo siguiente al final:

#注意不要顶格写  
  module:
    androidX: true
    androidPackage: 填写android工程的包名
    iosBundleIdentifier: 填写iOS工程的包名

Después de compilar el proyecto Flutter, se generará una carpeta .ios en el proyecto Flutter, que es un archivo oculto.

2. Asociar el proyecto iOS con el proyecto Flutter.

Este paso es consistente con los pasos anteriores [2. Conecte el nuevo proyecto Flutter al proyecto iOS existente] - [2. Asociar el proyecto iOS con el proyecto Flutter] Solo consulte los pasos anteriores.

En proyectos de iOS existentes, conecte nuevos proyectos de Flutter o proyectos de Flutter existentes

1. Antecedentes

2. Integre el nuevo proyecto Flutter en el proyecto iOS existente.

1. Crea un nuevo proyecto de Flutter

2. Asociar el proyecto iOS con el proyecto Flutter.

3. Conéctese al proyecto Flutter existente en el proyecto iOS existente

1. Modifique pubspec.yaml en el proyecto Flutter.

2. Asociar el proyecto iOS con el proyecto Flutter.

Supongo que te gusta