大橙子网站建设,新征程启航

为企业提供网站建设、域名注册、服务器等服务

flutter全局弹窗,flutter 弹窗

Flutter Boost 接入实践(iOS 篇)

本文将简单梳理一下 iOS 工程接入的 Flutter Boost 的流程,以作为前文的补充。

成都创新互联公司专注为客户提供全方位的互联网综合服务,包含不限于网站制作、成都网站建设、海南州网络推广、小程序定制开发、海南州网络营销、海南州企业策划、海南州品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;成都创新互联公司为所有大学生创业者提供海南州建站搭建服务,24小时服务热线:18980820575,官方网址:www.cdcxhl.com

flutter_application_path = '../flutter_module'

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

target 'FlutterHybridiOS' do

install_all_flutter_pods(flutter_application_path)

end

接着在工程根目录下运行 pod install ,即可集成上 Flutter Module。看到我们的 Pods 中多了以下几个模块,即说明集成成功。

接着在工程根目录下运行 pod install ,即可集成上 Flutter Module。看到我们的 Pods 中多了以下几个模块,即说明集成成功。

这一块直接参照 Flutter Boost 官方提供的 example 就好了:

PlatformRouterImp.h:

PlatformRouterImp.m:

可以看到,Flutter Boost 支持常规 push,也支持打开模态弹窗,也支持手动 pop。

AppDelegate.h:

AppDelegate.m:

同样的,这里可在 Native 端用两种不同的方式去打开我们在 Flutter Module 中注册好的路由名。

至此,我们成功在 iOS 工程中接入了 Flutter Boost,那就开启我们的混编之旅吧~

Flutter 自定义弹窗组件

封装的弹窗必须要灵活,满足实际开发中的大部分弹窗,比如有无标题、有无内容、有无关闭按钮、有无操作按钮以及按钮的排列样式等需要满足多元化~

共有四个文件: ww_dialog.dart 、 ww_middle_bottom_dialog_widget.dart 、 ww_top_dialog_widget.dart 、 ww_top_dialog_item_data.dart

弹窗主要调用类,主要包含: WWDialog.showTopDialog 、 WWDialog.showMiddleDialog 、 WWDialog.showBottomDialog

支持自定义配置背景颜色、字体大小、颜色、统一回调、自定义按钮、单独回调、是否带三角标志、任意位置、最大高度、超过可以滑动等~

部分展示效果:

支持配置背景颜色、字体大小、颜色、字重、按钮排列方式、标题、内容、按钮支持完全自定义、点击的回调等~

部分展示效果:

支持配置背景颜色、字体大小、颜色、字重、按钮排列方式、标题、内容、按钮支持完全自定义、点击的回调等~

部分展示效果:

中间、底部弹窗的弹窗widget

顶部弹窗的弹窗widget

顶部弹窗的数据源数据模型item

github传送门:

Flutter 全局List Widget 不刷新问题

我是在StatefulWidget里面设置了一个全局的List,然后动态改变List里面的内容,然后使用setState刷新,结果发现没有用,点击一下虽然会多出一个新的Item,但是还是原来那个,就是List长度、内容不同,Widget显示的是同一个Widget。

比如:九宫格添加图片,第一个是添加图片,点击添加图片把图片放到List里面,然后setState刷新,结果发现页面没变化,触碰添加图片Item,就会多出一个添加图片Item。

根据Flutter基于不可变数据的原理,我们直接把List换一个引用,创建一个新的List。


分享名称:flutter全局弹窗,flutter 弹窗
网页地址:http://dzwzjz.com/article/dsiijcs.html
在线咨询
服务热线
服务热线:028-86922220
TOP