Flutter
卜卦丶cc
博主目前就职于X集团成都产品中心,是一名Web开发工程师。技术领域涉及 React技术栈、Vue技术栈、Hybrid、Flutter、工程化,及node BFF层等。工作之余,积极为社区贡献自己的绵薄之力。
展开
-
flutter 下拉刷新,上拉加载
基本属性 const RefreshIndicator({ Key key, @required this.child, this.displacement = 40.0,//指示器显示时距顶部位置 @required this.onRefresh,//下拉刷新回调 this.color,//指示器颜色,默认ThemeData.accentColor this.backgroundColor,//指示器背景颜色,默认ThemeData.canvasCo.原创 2022-04-12 15:27:35 · 814 阅读 · 0 评论 -
flutter 数组中相同对象中数量进行累加
使用数组操作indexWhere 返回第一个满足条件的元素的索引 List newArr = []; prop.forEach((item) { int result = newArr.indexWhere((ol) { return item['id'] == ol['id']; }); if (result != -1) { var obj = newArr[result]);原创 2022-04-11 11:39:11 · 2996 阅读 · 0 评论 -
flutter 使用 定时器和延时器
import 'dart:async';const timeout1 = const Duration(milliseconds: 500); //毫秒const timeout2 = const Duration(seconds: 1); // 秒// 定时器 Timer soundTimer; // 定义定时器void startTimer(){ soundTimer?.cancel(); // 取消定时器 soundTimer = Timer.periodic(timeout原创 2022-04-11 11:26:04 · 4997 阅读 · 0 评论 -
flutter 保留小数后几位
1. 取整 - 舍弃小数部分double price = 100 / 3; //舍弃当前变量的小数部分,结果为 33。返回值为 int 类型。price.truncate();//舍弃当前变量的小数部分,浮点数形式表示,结果为 33.0。返回值为 double。price.truncateToDouble();//舍弃当前变量的小数部分,结果为 33。返回值为 int 类型。price.toInt();//小数部分向上进位,结果为 34。返回值为 int 类型。price.ceil();原创 2022-02-14 18:19:28 · 3059 阅读 · 0 评论 -
Flutter Container 设置宽度,最小宽度、最大宽度
Container( width: 220, // 宽度 constraints: BoxConstraints( minWidth: 200, // 最小宽度 minHeight:200, maxWidth: 500, // 最大宽度 maxHeight:500, ),原生属性原创 2022-01-05 14:02:45 · 4814 阅读 · 0 评论 -
Flutter 启动外部浏览器
Flutter打开外部浏览器原创 2021-12-24 17:18:58 · 2920 阅读 · 0 评论 -
Flutter_boost 生命周期使用
1. 全局监听API一般在main阶段就可以添加一个全局观察者void main() { ///添加全局生命周期监听类 PageVisibilityBinding.instance.addGlobalObserver(AppLifecycleObserver()); runApp(MyApp());}AppLifecycleObserver的具体实现如下///全局生命周期监听示例class AppLifecycleObserver with GlobalPageVisibi原创 2021-11-26 15:14:32 · 1312 阅读 · 0 评论 -
flutter_boost 页面切换动画
一、官方文档https://github.com/alibaba/flutter_boost/blob/master/docs/routeAPI.md官方文档没有介绍怎么使用页面切换动画二、源码三、实现效果: 'dialogPage': (settings, uniquedId) { return PageRouteBuilder<dynamic>( settings: settings, transitionDuration原创 2021-11-17 11:10:22 · 1804 阅读 · 0 评论 -
Flutter 去掉AppBar点击水波纹效果和出现的灰色背景
AppBar( backgroundColor: MyColor.themeColor, title: Text(title, style: TextStyle(color: MyColor.themeFontColor, fontSize: 18)), elevation: 0, centerTitle: true, leadingWidth: 50, automaticallyImplyLeading: true原创 2021-09-09 10:11:07 · 501 阅读 · 0 评论 -
Flutter Image 图片铺满父级
Stack( children: [ Container( width: 96, height: 96, decoration: BoxDecoration(borderRadius: BorderRadius.circular((8))), child: ClipRRect( // ClipRRect borderRadius: BorderRadius.原创 2021-09-09 10:01:18 · 622 阅读 · 0 评论 -
Flutter Stack 布局 Image加 borderRadius
Stack( children: [ Container( width: 96, height: 96, decoration: BoxDecoration(borderRadius: BorderRadius.circular((8))), child: ClipRRect( // ClipRRect borderRadius: BorderRadius.原创 2021-09-08 19:00:00 · 464 阅读 · 0 评论 -
Flutter 关闭右上角debug角标
return MaterialApp( debugShowCheckedModeBanner: false, // false 禁用角标 home: PageUserFeedBack() );原创 2021-09-08 10:41:23 · 363 阅读 · 0 评论 -
Flutter 设置状态栏颜色
import 'package:flutter/services.dart'; // 引包void main() { //在runApp之前确保BoostFlutterBinding初始化 CustomFlutterBinding(); runApp(MyApp()); // 设置 状态栏为透明色 SystemUiOverlayStyle systemUiOverlayStyle = SystemUiOverlayStyle(statusBarColor: Colo原创 2021-09-08 10:51:49 · 396 阅读 · 0 评论 -
Flutter Container 设置宽高、背景色、边框、圆角
Container( width: 96, // 宽 height: 96, // 高 decoration: BoxDecoration( color: MyColor.buttonDefaultColor, // 背景色 border: new Border.all(color: Color(0xFFFF0000), width: 0.5),// border borde原创 2021-09-08 10:38:43 · 8073 阅读 · 0 评论 -
Flutter 设置图片铺满全屏
# 1. 设置 Container 的 width 和 height 为屏幕的宽高Container( width: MediaQuery.of(context).size.width, // 屏幕宽度 height: MediaQuery.of(context).size.height, // 屏幕高度 child: Image.asset( "assets/icons/bg.png", fit: BoxFit.cover, ),)# 2. 层级组件 Stack原创 2021-07-22 14:53:05 · 4426 阅读 · 1 评论