All Projects → areslabs → Flutter_mp

areslabs / Flutter_mp

Licence: mit
Bring your Flutter code to mini program

Programming Languages

dart
5743 projects

Projects that are alternatives of or similar to Flutter mp

Fresh Weather
新鲜天气:使用小程序·云开发的小程序
Stars: ✭ 291 (-45.4%)
Mutual labels:  wechat-mini-program, mini-program, wechat
Wxapp Webpack Plugin
📦 微信小程序 webpack 插件
Stars: ✭ 185 (-65.29%)
Mutual labels:  wechat-mini-program, mini-program, wechat
Miniprogram Project
微信小程序,诗词大全,成语大全,百家姓,成语接龙(垃圾分类查询小程序)
Stars: ✭ 114 (-78.61%)
Mutual labels:  wechat-mini-program, mini-program, wechat
Wxapp Boilerplate
使用 webpack, babel, scss 开发的微信/支付宝小程序项目脚手架
Stars: ✭ 367 (-31.14%)
Mutual labels:  wechat-mini-program, mini-program, wechat
Alita
一套把React Native代码转换成微信小程序代码的转换引擎工具。我们不造轮子,不发明新框架,只是提供工具把RN扩展到微信小程序端。
Stars: ✭ 1,733 (+225.14%)
Mutual labels:  wechat-mini-program, mini-program, wechat
Wechatblog
💘微信小程序 & 个人博客 & WordPress & WordPress REST API
Stars: ✭ 223 (-58.16%)
Mutual labels:  wechat-mini-program, wechat
Oejia weshop
odoo 微信小程序商城模块 (WeChat Mini Program for Odoo)
Stars: ✭ 224 (-57.97%)
Mutual labels:  wechat-mini-program, wechat
Wx Tfjs Demo
微信小程序运行 TensorFlow 的 Demo
Stars: ✭ 274 (-48.59%)
Mutual labels:  wechat-mini-program, wechat
Litemall
又一个小商城。litemall = Spring Boot后端 + Vue管理员前端 + 微信小程序用户前端 + Vue用户移动端
Stars: ✭ 16,629 (+3019.89%)
Mutual labels:  wechat-mini-program, wechat
Kingdex
📱 微信小程序 - 王者图鉴
Stars: ✭ 168 (-68.48%)
Mutual labels:  wechat-mini-program, wechat
Weapp Demo Breadtrip
基于面包旅行 API 制作的微信小程序示例
Stars: ✭ 282 (-47.09%)
Mutual labels:  mini-program, wechat
Crmeb
🔥🔥🔥 CRMEB打通版v4免费开源商城系统,uni-app+thinkphp6框架商城,系统可商用;包含小程序商城、H5商城、公众号商城、PC商城,支持分销、拼团、砍价、秒杀、优惠券、积分、会员等级、小程序直播、可视化设置,前后端分离,方便二开,更有详细使用文档、接口文档、数据字典、二开文档/视频教程,欢迎大家提出宝贵意见和建议
Stars: ✭ 3,447 (+546.72%)
Mutual labels:  wechat-mini-program, wechat
Mp Githubtrending
WeChat Mini Programe for GitHub Trending. 便捷查看 GitHub Trending 的微信小程序
Stars: ✭ 200 (-62.48%)
Mutual labels:  wechat-mini-program, wechat
taro3-vue3-template
一个基于 Taro3 和 Vue3 框架微信小程序模版。 核心技术采用Taro3、Vue3、TypeScript、NutUi、Vux4/Pinia、VueUse
Stars: ✭ 115 (-78.42%)
Mutual labels:  mini-program, wechat-mini-program
We Validator
💯 简单灵活的表单验证插件,支持小程序、浏览器以及Nodejs端使用
Stars: ✭ 180 (-66.23%)
Mutual labels:  wechat-mini-program, wechat
Tnwx
TNWX: TypeScript + Node.js + WeiXin 微信系开发脚手架,支持微信公众号、微信支付、微信小游戏、微信小程序、企业微信/企业号。最最最重要的是能快速的集成至任何 Node.js 框架(Express、Nest、Egg、Koa 等)
Stars: ✭ 319 (-40.15%)
Mutual labels:  wechat-mini-program, wechat
Wechat Mini Shop
微信小程序商城,微信小程序微店,接口基于FaShop
Stars: ✭ 328 (-38.46%)
Mutual labels:  wechat-mini-program, wechat
Planmaster
套餐助手:手机套餐对比选购小程序
Stars: ✭ 487 (-8.63%)
Mutual labels:  wechat-mini-program, wechat
Crmeb wechatminiprogram
CRMEBv2.6以客户管理为中心+电商营销系统,微信小程序商城,带分销、秒杀、积分、优惠券等功能
Stars: ✭ 158 (-70.36%)
Mutual labels:  wechat-mini-program, wechat
Wechat Miniprogram Webar
A WeChat MiniProgram Image AR using computer vision. No OpenCV, No Deep Learning. Only JavaScript Implementation.
Stars: ✭ 163 (-69.42%)
Mutual labels:  wechat-mini-program, wechat

flutter_mp

flutter_mp的目标是把Flutter扩展到类小程序平台,Flutter是一个非常优秀的跨端框架,不仅可以运行在AndroidiOS,通过flutter_web还可以运行在web平台,但是官方并没有涉及小程序平台,希望flutter_mp可以填补这方面的空白。

flutter_mp inspired by AlitaAlita引擎对JSX动态处理方式,给声明式UI框架在 类小程序运行提供了思路。flutter_mp正是这个思路在Flutter上的实践。不过,现在flutter_mp还处于很早期的实验阶段,如果现在你的产品就有APP端,小程序端的多端需求,暂时我们还是建议你使用Alita,这是一套相对成熟的基于React Native的方案。

现阶段,flutter_mp还是一个很不成熟的项目,完成度还很低,很多东西还在探索阶段,离实际的可用还有很长的距离,我们也仅仅是把官方简单demo 运行在了微信小程序。另外,把所有的Flutter特性都在小程序上实现我们认为是不可能的,肯定会存在一些阉割和取舍,包括动画,手势等等在内的还原程度,我们也还在思考,欢迎关注我们最新的进展。

Flutter 微信小程序

相关文章

TODO

暂时,我们还只支持CenterColumnContainerExpandedImage.assetListViewRowText这些基本Widget,暂不支持 自定义Widget,即使这些基本Widget也不是完全体,比如ListView。而且你的Flutter代码只能够出现在lib/main.dart文件中。 我们将大致按照如下的 顺序一步步完善flutter_mp

  1. 寻求Flutter布局在css下的等效表达
  2. 完善基本 Widget
  3. 支持 stateful Widget
  4. 支持自定义Widget
  5. 事件/生命周期
  6. 多页面,导航/路由的支持
  7. Flutter动画在小程序的部分实现(能还原的程度??)
  8. 小程序性能优化
  9. 小程序包体积优化
  10. 其他

Getting started

现阶段,我们建议你仅仅在Examples下的lakes下修改代码,尝试flutter_mp

  1. 安装flutter_mp命令

       pub global activate --source git https://github.com/areslabs/flutter_mp.git
    
  2. 运行flutter_mp -v 查看命令是否安装成功

  3. 在你的flutter项目添加如下依赖

       dev_dependencies:
         flutter_mp:
            git:
              url: https://github.com/areslabs/flutter_mp
              path: packages/flutter_mp
    
  4. 执行命令 flutter_mp -i [flutter目录] -o [目标小程序目录]

  5. 使用微信开发者导入打开 4过程的 [目标小程序目录]

这样你的flutter应用就运行在了微信小程序上

Examples

  1. 官方布局样例lakes, 对应编译出来的小程序在lakesMP(当然你可以手动编译到任何你喜欢到目录)。

更新日志

本项目遵从 Angular Style Commit Message Conventions,更新日志由 conventional-changelog 自动生成。完整日志请点击 CHANGELOG.md

License

MIT License

Copyright (c) ARES Labs

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].