
Flutter
hua-sky
努力摸鱼鸭~
展开
-
回顾记录 :Flutter -Android 通讯的三种方式
1:根据路由名打开指定页面package cn.hualand.hyimport android.os.Bundleimport android.view.Viewimport androidx.appcompat.app.AppCompatActivityclass MainActivity : AppCompatActivity() { override fun onCreate(savedInstanceState: Bundle?) { super.on.原创 2021-10-13 15:09:53 · 209 阅读 · 0 评论 -
记录 Expansion 二级伸展列表
实现城市列表,点击可展开二级列表1: 一级列表?直接使用Listview即可,点击渲染二级列表,并实现联动效果,一级列表使用Expansion来创建子ItemListview实现:var city_name = [ "广州", "深圳", "北京", "上海", "杭州", "天津", "重庆", "成都", "厦门", "长沙", "哈尔滨", "西安"];class _ExpanWidgetState extends State<原创 2021-09-24 10:36:40 · 258 阅读 · 0 评论 -
记录:Flutter Listview 纵向/横向列表
数据:var city_name = [ "广州", "深圳", "北京", "上海", "杭州", "天津", "重庆", "成都", "厦门", "长沙", "哈尔滨", "西安"];Scaffold内body 实现Listview列表,数据源是数组,所以children使用map或者foreach遍历创建Item即可如下:class _ItemStateFulWidgetState extends State<ItemSt原创 2021-09-24 10:19:43 · 865 阅读 · 0 评论 -
记录 Flutter 本地存储 share_preferences
引入:shared_preferences: ^0.5.12+4主函数初始化设置:void main() { SharedPreferences.setMockInitialValues({}); }存储/移除saveName("sun hero ");saveName(String name) async { var prefs = await SharedPreferences.getInstance(); await prefs.setString(...原创 2021-09-22 15:55:33 · 312 阅读 · 0 评论 -
记录Flutter GET POST
导入http :http: ^0.12.2Future异步get方式: postTest().then((value) => { setState(() { print("请求结果:${value.toString()}"); runPost(); }) }); p..原创 2021-09-22 15:50:40 · 132 阅读 · 0 评论 -
Flutter 底部菜单+顶部PageView联动(页面状态保存)回顾
前言:本次要实现的功能是底部菜单栏,点击切换页面,页面禁止左右滑动,且页面切换保存页面状态1:底部菜单栏?那肯定首选bottomNavigationBar,顶部页面切换联动(ViewPage)老样子,创建StatefulWidget、State,第一步先来实现底部菜单栏先,State里面编写bottomNavigationBar,这里需要用到他的几个属性currentIndex:当前显示页面type:BottomNavigationBarType.shifting, //fixed 默认.原创 2021-07-15 10:56:09 · 866 阅读 · 0 评论 -
Flutter Hero动画 回顾
前言:日常项目开发中,点击item跳转到下一个页面时候,经常带有那种转场动画,而不是直接切换,体验感会好很多,在Flutter中hero就可以实现这样的效果需求:点击图片,转场滑动到下一个页面,点击文字 转场返回1: 实现Hero组件,我们先来想一下 组件需要什么? Hero 需要一个tag,用于标记转场widget关联, 其次我们要传入一个喵点 widget,用于执行转场,这里我还想控制他的 宽度 事件。总结下来标记 宽度 事件 转场组件,码字环节,创建StatelessWidget,构造函数..原创 2021-07-14 11:56:12 · 232 阅读 · 0 评论 -
Flutter tween动画
需求:做一个图标放大动画1:创建 StateFulWidget、 State, Tween动画的创建需要 begin end渐变值,以及一个控制器,如下: //动画控制器 duration 播放时长 vsync 同步,State 需要实现 SingleTickerProviderStateMixin animationController = AnimationController(duration: Duration(seconds: 2), vsync: th.原创 2021-07-14 11:17:14 · 327 阅读 · 0 评论 -
Flutter 加载图片的几种方式
1:IconIcon(Icons.photo,size: 100,)2:资源文件2.1:pubspec.yaml放开 assets,根目录创建images目录,存放图片。pubspec.yaml assets节点下声明放好的图片路径名字,例如 assets: - images/bby.jpeg2.2:dart 中使用Image.asset("images/bby.jpeg")3:加载网络图片Image.network( ...原创 2021-07-06 09:52:51 · 1112 阅读 · 0 评论 -
Flutter 使用插件打开相册、相机
需求: image_picker的使用,点击按钮底部弹出 相册、拍照选择框,实现具体功能1:引入插件pubspec.yaml 增加 image_picker: ^0.7.5+22:android 添加androidx兼容gradle.properties 增加android.useAndroidX=trueandroid.enableJetifier=truebuild 添加依赖androidTestImplementation 'androidx.tes...原创 2021-06-23 10:51:18 · 1447 阅读 · 0 评论 -
Flutter 夜间/日间模式切换
闲话少活,也就几行代码。MaterialApp里面的theme属性带有brightness:分暗黑dark 日间 light,具体直接看代码:原创 2021-06-18 11:20:06 · 1263 阅读 · 0 评论 -
Flutter Widget 监听生命周期
在实际开发中,绕不开两个东西 StateLessWidget 、StateFulWidget,StateLessWidget相对简洁,周期只有两个原创 2021-06-17 17:26:09 · 836 阅读 · 0 评论 -
Flutter 打开第三方应用/网页
Flutter 打开第三方应用/网页需求:打开指定网页、指定应用这里用到的是一个三方插件 url_launcher 5.0.2版本,pubspec.ymal文件下dependencies节点增加,例如:dependencies: flutter: sdk: flutter # The following adds the Cupertino Icons font to your application. # Use with the CupertinoIcons class原创 2021-06-17 15:18:23 · 1554 阅读 · 0 评论 -
Flutter实现底部菜单栏+页面切换(BottomNavigationBar+PageVIew)
需求:实现底部主页+我的两个菜单栏,实现和页面联动点击/滑动切换1:底部菜单栏?第一时间就想到了 S caffold原创 2021-06-16 15:11:29 · 2717 阅读 · 0 评论 -
flutter 圆角裁剪
需求:高宽 为40,圆角度201:先实现高宽40方形,创建Container,设置width: 40, height: 40,原创 2021-06-15 15:27:52 · 546 阅读 · 2 评论 -
Flutter GestureDetector 手势学习
onTap: () { setState(() { msg = "点击事件"; print('$msg'); });}原创 2021-06-15 15:20:29 · 197 阅读 · 0 评论