![](https://img-blog.csdnimg.cn/f20dc0bb91d149e8bdecb14961f99e6a.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
flutter
文章平均质量分 63
Flutter 开发教程
怀君
可以没文凭,不可以没文化。可以不上学,不可以不读书。
展开
-
Flutter最酷炫瀑布流实现
背景公司APP首页列表有此需求使用哪些组件StaggeredGridView.countBuilder如何实现,难点在哪里瀑布流的宽度与高度。宽度=(屏幕宽—组件间隙) / 2高度=图片高度进行设置这样才能实现并展示瀑布流的效果在pubspec.yaml 文件 添加 flutter_staggered_grid_view: ^0.4.1flutter_screenutil: ^5.0.0这个是屏幕适配使用使用过程中有什么问题可以自己私信我最终效果图给你们配.原创 2021-10-27 19:47:29 · 5452 阅读 · 3 评论 -
Flutter开发常见问题,解决小技巧
1.Android Studio 4.0 以上打包编译报错;Execution failed for task ':app:lintVitalRelease'.> Could not resolve all artifacts for configuration ':app:debugRuntimeClasspath'. > Failed to transform libs.jar to match attributes {artifactType=processed-jar, org原创 2021-05-14 10:11:55 · 2924 阅读 · 2 评论 -
Flutter——权威常用组件demo代码开源
自学的过程中,并记录下来仅供大家一起学习。原创 2024-08-02 21:59:57 · 1246 阅读 · 0 评论 -
Flutter——最详细(Table)网格、表格组件使用教程
用于展示表格组件,可指定线宽、列宽、文字方向等属性。原创 2024-07-10 22:29:18 · 1686 阅读 · 0 评论 -
Flutter——最详细(GestureDetector)使用教程
组件手势检测,单击、双击、长按、松开、移动、横向拖动、竖向拖动等事件。原创 2024-07-10 22:15:52 · 284 阅读 · 0 评论 -
Flutter——最详细(Drawer)使用教程
应用左侧或右侧导航面板;原创 2024-07-03 23:56:41 · 1307 阅读 · 2 评论 -
Flutter——最详细(Badge)使用教程
使用场景,消息数量提示,消息红点提示。主要常用于组件叠加上圆点提示;原创 2024-07-03 23:51:42 · 1465 阅读 · 0 评论 -
Flutter——Canvas之最权威仪表盘进度实战
【代码】Flutter——Canvas之最权威仪表盘进度实战。原创 2024-03-22 21:34:19 · 526 阅读 · 0 评论 -
Flutter——最详细(AppBar)使用教程
Material Design 应用栏(标题栏)原创 2023-11-08 19:57:47 · 3746 阅读 · 2 评论 -
Flutter——最详细(Map)使用教程
12,创建一个 Map 实例,其中键和值是从 [iterable] 计算的。13,创建一个映射,将给定的 [键] 与给定的 [值] 相关联。14,创建一个映射,将给定的 [键] 与给定的 [值] 相关联。5,查找 [key] 的值,如果不存在,则添加新条目。7,从映射中删除 [key] 及其关联值(如果存在)。键值对的集合,您可以使用其关联的键从中检索值。11,此映射是否包含给定的 [value]。10,此映射是否包含给定的 [key]。6,将所有键值对添加到此映射中。9,循环应用于映射的每个键值对。原创 2023-10-31 12:03:33 · 2505 阅读 · 0 评论 -
Flutter——最详细(Scaffold)使用教程
相当于界面的主体,组件的展示都必须依附于它。原创 2023-10-26 19:54:07 · 4680 阅读 · 0 评论 -
Flutter——最详细(CustomScrollView)使用教程
创建一个 [ScrollView],该视图使用薄片创建自定义滚动效果。[SliverList],这是一个显示线性子项列表的银子列表。[SliverFixedExtentList],这是一种更高效的薄片,它显示沿滚动轴具有相同范围的子级的线性列表。[SliverGrid],这是一个显示子项 2D 数组的薄片。[SliverPadding],这是一个在另一个薄片周围添加空白空间的薄片。[SliverAppBar],这是一个显示标题的条形,该标题可以在滚动视图滚动时展开和浮动。原创 2023-10-18 18:52:30 · 5099 阅读 · 1 评论 -
Flutter——最详细(TextField)使用教程
文本输入框,拥有复杂的属性。可指定控制器、文字样式、装饰线、行数限制、游标样式等。监听输入框变动事件。原创 2023-05-04 19:56:04 · 7480 阅读 · 0 评论 -
Flutter——最详细数组List使用教程
dart语法常用数组使用教程原创 2022-08-11 11:11:05 · 12492 阅读 · 0 评论 -
Flutter——Canvas自定义曲线图
Canvas画布实现曲线图原创 2022-06-20 15:23:48 · 2234 阅读 · 0 评论 -
Flutter——打包Windows桌面应用(流程)
配置流程1.执行命令flutter config --enable-windows-desktop 配置运行Windows环境;2.安装VisualStudio配置Windows编译环境;3.电脑 设置–>更新和安全–>开发者选项 开启开发人员模式;4.打包文件.exe,配置go环境;5.安装mingw-w64属于编译环境,并配置环境变量;6.通过命令go get -u github.com/go-flutter-desktop/hover 下载安装hover6.再项目根目录执行原创 2022-01-04 13:45:03 · 6402 阅读 · 6 评论 -
Flutter——最详细(GridView)使用教程
GridView简介:可以创建网格列表视图;主要通过Count、extent、custom、builder构造列表。有内边距、是否反向、滑动控制器等属性。属性作用scrollDirection滚动方向crossAxisCount主轴一行的数量mainAxisSpacing主轴每行间距crossAxisSpacing交叉轴每行间距childAspectRatiobox主长、交叉轴长...原创 2021-12-10 14:35:37 · 16133 阅读 · 2 评论 -
Flutter——最详细ListView(列表)布局教程
ListView简介:列表显示,可容纳多个子组件,可以通过builder、separated、custom等构造。属性作用padding内边距controller列表滚动控制器itemExtent每条item的高度itemCount列表的总数separatorBuilder每条item的分隔符keyboardDismissBehavior键盘关闭模式scrollDirection滚动方向创建ListView列表class原创 2021-12-09 12:23:47 · 12032 阅读 · 0 评论 -
Flutter——最详细Stack(堆叠布局)使用教程
Stack简介:可以容纳多个组件,以叠加的方式摆放子组件,后者居上。拥有Alignment属性,可以与Positioned组件联合使用,精准并有效摆放。属性作用alignment子组件摆放的位置clipBehavior剪辑小部件的内容创建一个堆叠布局class CustomStack extends StatelessWidget { @override Widget build(BuildContext context) { var yell原创 2021-12-06 18:19:45 · 22817 阅读 · 0 评论 -
Flutter——最详细的Image(图像)使用教程
Image简介用于显示一张图片,可以从文件、内存、网络、资源。可以指定适应方式、样式、颜色混合模式、重复模式等。常用属性属性作用fit图片的适应模式alignment图片的对齐模式获取资源文件和网络图片class ImageWidget extends StatelessWidget { final assetsImagePath = "assets/images/flutter_mark_logo.png"; final netImageUrl =原创 2021-12-03 19:00:00 · 5787 阅读 · 0 评论 -
Flutter——最详细的Text(文本)使用教程
Text(文本)简介用于显示文字的组件。核心样式style属性控制属性作用styleTextStyle字体样式textAlign文本对齐方式textDirection文字的方向overflow文本尾部显示的样式;textScaleFactor文本大小比例maxLines最大多少行TextStyle文本样式属性:属性作用color文字颜色backgroundColor背景颜色fontSize字体原创 2021-12-02 19:20:59 · 5771 阅读 · 0 评论 -
Flutter——最详细的Column(纵向)布局使用
Column简介排布方向为竖向(纵向)的布局,可容纳多个组件;属性作用mainAxisAlignment主轴对齐crossAxisAlignment横轴对齐textBaseline文字基线textDirection竖直方向mainAxisSize主轴尺寸children子布局单位:(数组)创建一个纵向排列布局class RowWidget extends StatelessWidget { @override Widg原创 2021-11-30 18:04:14 · 6758 阅读 · 0 评论 -
Flutter——最详细的Row(横向)布局使用教程
Row简介横向排列内部布局,可容纳多个组件。属性作用mainAxisAlignment主轴对齐crossAxisAlignment横轴对齐textBaseline文字基线textDirection竖直方向mainAxisSize主轴尺寸children子布局单位:(数组)创建一个横向排列的布局import 'package:flutter/material.dart';class RowWidget extends Statel原创 2021-11-29 17:20:26 · 5230 阅读 · 0 评论 -
Flutter——最详细的Container(容器)使用教程
Container(容器)属性作用child配置容器内部的布局padding设置容器内部的距离alignment设置容器内容的对齐方式color设置容器背景颜色margin设置容器外部的距离decoration配置容器的外部的样式constraints配置容器的外部的约束,最大小宽、最大小高度width设置容器的宽height设置容器的高创建一个指定宽高的容器import 'package:flutter/m原创 2021-11-26 18:44:37 · 4923 阅读 · 0 评论 -
Flutter投票组件实现
前景基于公司项目需求,仿照微博实现投票功能。开发遇到的问题1.选项列表的高度,自适应的问题;2.进度条动画的问题;3.列表回收机制,导致进度条动画重复;4.自定义进度条四周圆角;如何解决问题拿到数组列表最长的数据,然后根据屏幕宽度计算,超出一行则设定两行高度,否则使用一行的高度; _didExceedOneMoreLines(String text, double width, TextStyle style) { final span = TextSpan(text原创 2021-09-26 11:59:03 · 311 阅读 · 0 评论 -
Flutter优秀第三方常用框架
名称GitHub地址下拉刷新上拉加载EasyRefresh下拉刷新上拉加载PullToRefreshSharedPreferencesshared_preferences中国城市选择器city_picker设备信息device_infourl_launcherurl_launcher视频播放器video_playerWebViewWebViewPackageInfopackage_info系统分享share引...转载 2021-10-19 15:54:57 · 4385 阅读 · 0 评论 -
Android studio 配置 Flutter 开发环境
Android studio 配置 Flutter 开发环境目录用 [TOC]来生成目录:Android studio 配置 Flutter 开发环境目录1.系统要求2.进行配置环境变量,目前在国内这一步必不可少3.在CMD里进行下载flutter SDK4.可以开启Android studio 下载 flutter 与 dart 插件5.新建flutter项...原创 2018-03-22 15:12:22 · 15173 阅读 · 7 评论