flutter_mp

aleteo_mp

El objetivo de flutter_mp es extender Flutter a una pequeña plataforma similar a un programa. Flutter es un excelente marco cruzado que no solo se puede ejecutar en Android , iOS , sino también en plataformas web a través de flutter_web . Involucra la plataforma del programa pequeño. Espero que flutter_mp pueda llenar este vacío.

flutter_mp inspirado en Alita. El método de procesamiento dinámico de JSX del motor Alita proporciona una idea para que el marco de interfaz de usuario declarativo se ejecute en programas pequeños. flutter_mp es la práctica de esta idea en Flutter . Sin embargo, flutter_mp aún se encuentra en una etapa experimental muy temprana. Si su producto ahora tiene requisitos de múltiples extremos para aplicaciones y miniprogramas, por el momento, le recomendamos que utilice Alita, que es una solución relativamente madura basada en React Native. .

En esta etapa, flutter_mp todavía es un proyecto muy inmaduro y el grado de finalización aún es muy bajo. Muchas cosas aún están en la etapa de exploración y todavía queda un largo camino por recorrer antes de que esté realmente disponible. la demostración oficial simple en el subprograma WeChat. Además, creemos que es imposible implementar todas las funciones de Flutter en programas pequeños. Definitivamente habrá algunas castraciones y compensaciones, incluido el grado de restauración de animaciones, gestos, etc. nuestras últimas actualizaciones avanzan.

Aleteo	subprograma WeChat

Artículos relacionados

• Exploración de la extensión de Flutter al mini programa WeChat

HACER

Por el momento, solo admitimos widgets básicos Center , Column , Container , Expanded , Image.asset , ListView , Row y Text Aún no admitimos widgets personalizados. Incluso estos widgets básicos no están completos, como ListView . Y su código Flutter solo puede aparecer en el archivo lib/main.dart . Mejoraremos flutter_mp paso a paso aproximadamente en el siguiente orden.

1. Buscando la expresión equivalente del diseño de Flutter en CSS
2. Mejorar los widgets básicos
3. Admite widget con estado
4. Admite widgets personalizados
5. Evento/ciclo de vida
6. Múltiples páginas, soporte de navegación/enrutamiento
7. La animación de aleteo está parcialmente implementada en el miniprograma (¿hasta qué punto se puede restaurar?)
8. Optimización del rendimiento del mini programa
9. Optimización del tamaño del paquete de programas pequeños
10. otro

Empezando

En esta etapa, le recomendamos que solo modifique el código en lagos en Examples y pruebe flutter_mp .

1. Instalar el comando flutter_mp

      pub global activate --source git https://github.com/areslabs/flutter_mp.git

2. Ejecute flutter_mp -v para verificar si el comando se instaló correctamente

3. Agregue las siguientes dependencias a su proyecto flutter

      dev_dependencies :
        flutter_mp :
           git :
             url : https://github.com/areslabs/flutter_mp
             path : packages/flutter_mp

4. Ejecute el comando flutter_mp -i [flutter目录] -o [目标小程序目录]

5. Utilice WeChat Developer para importar y abrir [目标小程序目录] del 4 proceso.

De esta manera, su aplicación flutter se ejecutará en el subprograma WeChat.

Ejemplos

1. La muestra de diseño oficial de lakes, el subprograma compilado correspondiente está en lakesMP (por supuesto, puede compilarlo manualmente en cualquier directorio que desee).

Registro de cambios

Este proyecto cumple con las convenciones de mensajes de confirmación de estilo angular y el registro de actualizaciones se genera automáticamente mediante conventional-changelog . Para obtener el registro completo, haga clic en CHANGELOG.md.

Licencia

Licencia MIT

Copyright (c) Laboratorios ARES