![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
flutter
lizubing1992
主要是负责移动端Android开发app
展开
-
Flutter MVVM框架搭建
去年公司Flutter的项目采用的是类似Android 里面的MVP(Model View Persenter)模式,Model和View以及Persenter之间采用接口解耦,虽然采用插件来生成对应的基本模板,渐渐的发现接口过多,慢慢的就发现很多问题。主要的问题是逻辑复杂的情况下,接口会比较多,而且Presenter也不太好复用(可能技术太菜了),之后引入Provider框架来解决页面局部刷新功能。之后就想到MVVM框架,View和ViewModel可以采用Provider来做事件传递,做双向绑定1原创 2020-08-14 13:49:30 · 1372 阅读 · 0 评论 -
Flutter 实现类似TabPicker省市区选择
最近做一个省市区选择的控件,产品的需求则是参考某银行的省市区选择的交互,是一个TabPicker的交互的控件1.主要的页面逻辑本身Flutter自带有一个CupertinoPicker可以实现三级联动选择后面根据TabPicker交互,发现实现也不难,使用TabBar+TabBarView+ListView 就可以实现对应的交互功能2.构建细节主要是根据city_pickers 这个开源项目做的修改以下是实现的主要代码2.1 构建底部弹出框 ///构建底部弹出框 Widget _bott原创 2020-08-14 13:47:19 · 1370 阅读 · 0 评论 -
Flutter V0.154 Android 插件解析
1. Flutter Page和Android Activity/Fragment 生命周期同步这个类的主要作用就是同步activity 和Flutter的生命周期 @Override public void onCreate() { //.... mState = STATE_CREATED; mContainer.getBoos...原创 2019-11-12 17:45:24 · 513 阅读 · 0 评论 -
Flutter 混合开发FlutterBoost iOS 接入流程
紧接着上次的FlutterBoost Android版本接入,这次主要讲iOS相关的接入1.创建Flutter module这个步骤前面的Android版本一样flutter create -t module flutter_module2.iOS开始接入2.1 Pod集成现在一般的iOS应用都是用cocopod集成的,一般都有对应的Podfile文件,在对应的Podfile文件末尾...原创 2019-06-05 22:01:47 · 3079 阅读 · 1 评论 -
Flutter 基于ChoiceChip的标签选择控件
1.ChoiceChipChoiceChip 选择控件,可以实现单选效果先看对应的属性 const ChoiceChip({ Key key, this.avatar, //左侧Widget 一般小图标 @required this.label, //标签文字 this.labelStyle, //标签文字的样式 this.labelPadding, ...原创 2019-06-19 09:21:35 · 3899 阅读 · 0 评论 -
Flutter 基于Bloc框架的封装
1.页面状态的bloc封装1.1 定义一个基类用于bloc用于处理页面状态状态主要有:loading,error,empty,以及展示内容的showContentenum PageEnum { showLoading, showError, showEmpty, showContent,}1.2 定义一个枚举表示页面状态,另外还需定义事件的类,传递一些必要的数据bl...原创 2019-06-20 16:42:43 · 2221 阅读 · 3 评论 -
Flutter 折叠控件
1.官方折叠控件ExpansionTiles官方默认提供了一个折叠控件 ExpansionTiles 主要用于listView做折叠和展开操作的,先来看看一般的用法Widget _buildTiles(Entry root) { return new ExpansionTile( title: new Text(root.title), children: ro...原创 2019-06-18 16:15:20 · 4868 阅读 · 0 评论 -
Flutter_Boost v0.1.5升级 Android版本
1.新特性支持Flutter 1.5从老版的复用FlutterView,到新版的创建新的实例新版创建新的的实例Flutter,可以避免白屏,闪屏,黑屏等现象推荐使用ContainerLifeCycle observer来监听APP的生命周期移除了xservice通信插件2.主要的API变化IPlatform移除一下代码Activity getMainActivity();b...原创 2019-09-16 20:59:57 · 579 阅读 · 5 评论