flutter_mp

flutter_mp

O objetivo do flutter_mp é estender o Flutter para uma pequena plataforma semelhante a um programa. Flutter é uma excelente estrutura cross-end que pode ser executada não apenas em Android , iOS , mas também na plataforma web por meio de flutter_web . envolva a pequena plataforma do programa, espero que flutter_mp possa preencher essa lacuna.

flutter_mp inspirado em Alita. O método de processamento dinâmico de JSX do mecanismo Alita fornece uma ideia para a estrutura de UI declarativa ser executada em pequenos programas. flutter_mp é a prática dessa ideia no Flutter . No entanto, flutter_mp ainda está em um estágio experimental muito inicial. Se o seu produto agora possui requisitos multi-end para APP e miniprograma, por enquanto, ainda recomendamos que você use Alita, que é uma solução relativamente madura baseada em React Native. .

Neste estágio, flutter_mp ainda é um projeto muito imaturo e o grau de conclusão ainda é muito baixo. Muitas coisas ainda estão em fase exploratória e ainda há um longo caminho a percorrer antes que esteja realmente disponível. a demonstração simples oficial no miniaplicativo WeChat. Além disso, achamos que é impossível implementar todos os recursos do Flutter em programas pequenos. Definitivamente haverá algumas castrações e compensações, incluindo o grau de restauração de animações, gestos, etc. nossas últimas atualizações progridem.

Vibração	Miniaplicativo WeChat

Artigos relacionados

• Exploração da extensão do miniprograma Flutter para WeChat

PENDÊNCIA

Por enquanto, oferecemos suporte apenas a widgets básicos Center , Column , Container , Expanded , Image.asset , ListView , Row e Text Ainda não oferecemos suporte a widgets personalizados. Mesmo esses widgets básicos não estão completos, como ListView . E seu código Flutter só pode aparecer no arquivo lib/main.dart . Melhoraremos flutter_mp passo a passo aproximadamente na seguinte ordem.

1. Procurando a expressão equivalente do layout Flutter em css
2. Melhore os widgets básicos
3. Suporte a widget com estado
4. Suporte a widgets personalizados
5. Evento/ciclo de vida
6. Várias páginas, suporte de navegação/roteamento
7. A animação flutuante é parcialmente implementada no miniprograma (até que ponto ela pode ser restaurada??)
8. Otimização de desempenho do miniprograma
9. Otimização do tamanho do pacote de programas pequenos
10. outro

Começando

Neste estágio, recomendamos que você modifique apenas o código em lakes em Examples e tente flutter_mp .

1. Instale o comando flutter_mp

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

2. Execute flutter_mp -v para verificar se o comando foi instalado com sucesso

3. Adicione as seguintes dependências ao seu projeto flutter

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

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

5. Use o WeChat Developer para importar e abrir [目标小程序目录] do 4 processo.

Desta forma, seu aplicativo flutter será executado no miniaplicativo WeChat

Exemplos

1. O exemplo de layout oficial lakes, o miniaplicativo compilado correspondente está em lakesMP (é claro que você pode compilá-lo manualmente em qualquer diretório que desejar).

Registro de alterações

Este projeto está em conformidade com as convenções de mensagens de confirmação de estilo Angular e o log de atualização é gerado automaticamente por conventional-changelog . Para o log completo, clique em CHANGELOG.md.

Licença

Licença MIT

Direitos autorais (c) Laboratórios ARES