flutter
烟花下的孤独
万事开头难
然后中间难
最后结尾难
展开
-
flutter Positioned绝对定位
return Container( margin: EdgeInsets.only(left: 12), width: cardWidth, height: cardHeihgt, decoration: BoxDecoration( image: DecorationImage( fit: BoxFit.fill, image: NetworkImage(widget.listModel.liveStr原创 2021-08-17 17:59:35 · 3302 阅读 · 0 评论 -
flutter 获取屏幕宽高
借鉴自flutter 获取屏幕宽高,添加了自己的一点点理解系统提供的方法这个方法可以得到当前控件的宽,高(备注:需要在有context容器中才能使用)final size =MediaQuery.of(context).size;final width =size.width;final height =size.height; 使用起来最简单的方法使用这个方法,能够快速的得到屏幕的宽高(备注:需要提前定义,要不然拿不到,方法报错)import 'dart:ui';fina原创 2021-08-17 17:56:47 · 2383 阅读 · 0 评论 -
flutter 跑马灯+渐变透明度背景
之前也是记录了很多小组件的实现,这次把所有代码都给放到这里吧这是效果:数据(后台数据,不过我这是没的,不要在意这些小细节,忽略吧) Http().post(url, pathParams: params, data: params, success: (json) { studyModel = FindStudyModel.fromJson(json); }, errorCallback: (erro原创 2021-08-13 10:35:44 · 1070 阅读 · 0 评论 -
flutter 渐变透明度背景
部分代码:至于后面起作用的Container你就随意了,当前全部代码的话,看我其他写的,这里只是记录透明渐变的处理,网上很多地方都没这块处理,也是查了很多资料才做到,参考自Flutter Image 透明渐变ShaderMask( shaderCallback: (Rect bounds) { return LinearGradient( begin: Alignment.topCenter, .原创 2021-08-13 10:19:07 · 1697 阅读 · 0 评论 -
flutter ListView 跑马灯
首次填写,后期可能会调整,复制自自己代码,里面会有很多亢余代码,主要是给自己看的,敬请谅解吧两个样式的,当然,如果改成一行更简单,多行也是可以的class FindArticle extends StatefulWidget { final List articleList = ['21323123','21323123','21323123','21323123','21323123',]; FindArticle(BuildContext context, this.articleL原创 2021-08-12 18:12:47 · 536 阅读 · 0 评论 -
Flutter ListView里面的 Container 自适应宽度
Container( margin: EdgeInsets.only(left: 8, top: 8, right: 3, bottom: 10), constraints: BoxConstraints( maxHeight: 28 * 4, ), child: ListView.builder( itemCount: 4,原创 2021-08-12 18:00:26 · 3280 阅读 · 2 评论 -
flutter 多个网络请求
flutter 一个页面需要多个网络请求Future.wait( [postArticleInfo(), postStudyInfo(), ] ).whenComplete(() { block('请求完毕'); });其他网络请求///网络请求 Future postArticleInfo() { Map params = { 'projectId': '12', 'cou原创 2021-08-12 16:05:50 · 992 阅读 · 0 评论 -
flutter报错总结
1.Error: Cannot run with sound null safety, because the following dependenciesdon’t support null safety:摘抄自 桥豆麻袋 实测有效解决方法:Android Studiorun --> Edit Configurations --> Additional run args添加--no-sound-null-safetyVS Code在用户设置里查找 “Flutter run原创 2021-08-09 11:50:22 · 1571 阅读 · 0 评论 -
flutter 背景图片
最内层的image 会提示 ImageProvider;不要管它,这个没法用(也可能只是我不会用)网络图片做背景使用 NetworkImage本地图片做背景使用AssetImageContainer( decoration: BoxDecoration( image: DecorationImage( fit: BoxFit.fill, image: AssetImage(CommonImages.find_main_arti原创 2021-08-08 16:51:29 · 291 阅读 · 0 评论 -
flutter 自定义弹窗
fultter 使用Dialog 自定义弹窗调用弹窗showDialog( context: context, barrierDismissible: false, builder: (BuildContext context) { return ProductListDialog( productList: productList,原创 2021-08-08 15:38:00 · 1408 阅读 · 0 评论