![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
flutter
文章平均质量分 56
伟雪无痕
这个作者很懒,什么都没留下…
展开
-
Flutter中WillPopScope导航返回拦截
一.Flutter中WillPopScope简介1.WillPopScope源码查看 const WillPopScope({ Key? key, required this.child, //页面显示的内容 required this.onWillPop, //当前页面将退出 }) onWillPop是一个回调函数,当用户点击返回按钮时被调用。该回调需要返回一个Future对象,如果返回的值为false,则当前路由不出栈(不会返回);反之为true时,则当前路由原创 2022-03-03 17:39:52 · 2135 阅读 · 0 评论 -
Flutter Drawer 抽屉菜单示例
一.Flutter Drawer组件简介1.源码查看const Drawer({ Key? key, this.elevation = 16.0, //阴影效果大小 this.child, //内容元素 this.semanticLabel, //关闭/打开抽屉时的通知信息 }) 二.抽屉菜单示例1.菜单项,使用 ListTile 实现Expanded( child: ListView(原创 2022-03-01 14:14:48 · 2556 阅读 · 0 评论 -
flutter中http进行网络请求
一.flutter 网络请求的三种方式1.HttpClient请求实现步骤:1).导入包import 'dart:convert';import 'dart:io';2).创建HttpClientvar httpClient=HttpClient();3). Http连接,并获取解析urlvar request=await httpClient.getUrl(Uri.parse(url));这里可以附加参数,并通过HttpClientRequest设置请求hea.原创 2022-02-11 09:21:15 · 3720 阅读 · 0 评论 -
flutter插件搜索及最新依赖包查找
一.flutter中包和插件搜索平台1.首先进入搜索网站pub.dev,这里输入关键字,可搜寻到最新的依赖包二.dio搜索介绍1.搜索dio输入关键字dio并点击搜索的依赖包进入,可看到相应界面包括 :使用说明 ( Readme ) , 更新日志 ( Changelog ) , 示例 ( Example ) , 安装方法 ( Instanlling ) , 版本 ( Versions ) , 评分 ( Scores ) 等选项,eg:如下图2.如何使用dio1).在...原创 2022-02-10 11:29:47 · 1842 阅读 · 0 评论 -
flutter图片显示的几种方式
一.本地图片加载1.在项目根目录下创建名为 images文件夹,也可以将images放在asserts文件夹下2.在pubspec.yaml中配置images相关的路径,并执行pub get 使配置的文件生效1).根目录下创建的images文件夹# The following section is specific to Flutter.flutter: # The following line ensures that the Material Icons font is #原创 2022-02-08 17:35:55 · 3206 阅读 · 0 评论 -
flutter布局样式
一.布局简介Flutter布局机制的核心就是widget,在Flutter中,几乎所有东西都是一个widget - 甚至布局模型都是widget,在Flutter应用中看到的图像、图标和文本都是widget, 甚至连看不到的东西也是widget,eg:行(row)、列(column)以及用来排列、约束和对齐这些可见widget的网格(grid),其核心的组件包括了:Align、Stack、Row、Center、Column、Flex、Flexible、Expanded ,etc二.常用布局widge原创 2022-01-26 15:10:59 · 1214 阅读 · 0 评论 -
Flutter GridView显示随机单词
一.Flutter GridView属性及构建方法介绍1.SliverGridDelegateWithFixedCrossAxisCount构建固定数量的Widget gridDelegate = SliverGridDelegateWithFixedCrossAxisCount( crossAxisCount: crossAxisCount, //设置每行个数 mainAxisSpacing: mainAxisSpacing, //设置上下间隙原创 2022-01-20 11:47:35 · 2170 阅读 · 0 评论 -
flutter页面跳转及返回
一.flutter 中使用Navigator在页面之间跳转介绍1.Navigator.push @optionalTypeArgs static Future<T?> push<T extends Object?>(BuildContext context, Route<T> route) { return Navigator.of(context).push(route); }Navigator.push需要传入两个参数,分别为cont.原创 2022-01-14 16:00:17 · 5145 阅读 · 0 评论 -
flutter时间日期格式及日期选择组件
一.flutter中的日期转换工具类class TimeUtils { //获取现在的时间戳 static int getDayNow(){ var nowTime = DateTime.now();//初始化当前时间日期 return nowTime.millisecondsSinceEpoch;//返回时间戳 } //将时间戳转换为时间日期 static String getTimeEpoch(int millisecondsSinceEpoch){原创 2022-01-14 11:09:29 · 3106 阅读 · 0 评论 -
Flutter ListView设置分割线及列表嵌套不同的Item
一.flutter分割线divider中属性简介 const Divider({ Key? key, this.height, //分割线区域的高度 this.thickness, //分割线的厚度,即分割线的高度 this.indent, //起点缩进距离 this.endIndent, //终点缩进距离 this.color, //分割线颜色 }) : assert(height == null || height >= 0.0),原创 2022-01-12 11:54:55 · 3322 阅读 · 0 评论 -
Flutter 如何构建自定义 Widgets
一.组合widget实现1.android和flutter实现对比Android中,一般会继承View或已经存在的某个控件,然后覆盖draw方法来实现自定义View。在Flutter中,一个自定义widget通常是通过组合其它widget来实现的,而不是继承。下面看看如何构建持有一个label的CustomButton。这是通过将Text与RaisedButton组合来实现的,而不是继承RaisedButton并重写其绘制方法实现,eg :custombuttontest.dartimport原创 2022-01-10 14:25:44 · 1393 阅读 · 0 评论 -
Flutter shared_preferences本地存储
一.shared_preferences简单介绍1.在Android中,您可以使用SharedPreferences API存储一些键值对,在Flutter中,您可以通过使用插件Shared_Preferences来访问此功能,这个插件包装了Shared Preferences和NSUserDefaults(与iOS相同)的功能。2.SharedPreferences引用1).pubspec.yaml中添加依赖,eg:shared_preferences: ^2.0.112).dart原创 2022-01-07 18:02:13 · 1090 阅读 · 0 评论 -
flutter实现底部导航栏
一.flutter底部导航栏常用组件BottomNavigationBar 属性介绍 BottomNavigationBar({ Key? key, required this.items, //必填项,设置各个按钮 this.onTap, //点击事件 this.currentIndex = 0, //当前选中item下标 this.elevation, //控制阴影高度 this.type, //BottomNavigationBarType,默认原创 2022-01-06 16:44:08 · 5038 阅读 · 0 评论 -
Flutter 单选开关Switch和复选框CheckBox
一.单选开关Switch和CheckBox属性介绍1.flutter中提供了Material风格的单选开关Switch和复选框Checkbox,它们都是继承自StatefulWidget,但它们本身不会保存当前选中状态,选中状态都是由父组件来管理的,当Switch或Checkbox发生改变时,会触发它们的onChanged回调.2.switch源码查看,eg: const Switch({ Key? key, required this.value, //@required b原创 2022-01-04 15:25:59 · 1040 阅读 · 0 评论 -
Flutter listview随机单词显示及自定义dialog
一.listview 简介1.listview源码查看,listview是最常见的组件之一,对于列表的展示一般首选listview,下面看下listview中的构造函数eg : /// It is usually more efficient to create children on demand using /// [ListView.builder] because it will create the widget children lazily as necessary. ///原创 2021-12-29 17:20:11 · 1476 阅读 · 0 评论 -
Flutter toast弹窗实现
一.Flutter toast库配置,可参考fluttertoast配置引用1.在pubspec.yaml中配置fluttertoast库,通过Pub get 获取fluttertoast的版本,通过Pub upgrade更新,eg: # The following adds the Cupertino Icons font to your application. # Use with the CupertinoIcons class for iOS style icons. cuper原创 2021-12-27 17:13:05 · 2310 阅读 · 0 评论 -
Flutter 入门简介及计算器实现
一.Flutter 简单介绍 与Linux 或 Windows 操作系统一样,移动操作系统或移动操作系统是一种软件平台,可帮助其他程序在移动设备上运行。该平台专为在移动电话、智能手机、PDA、平板电脑和其他手持设备等设备上运行而设计。 开发移动应用程序是一项复杂且具有挑战性的任务。有各种操作系统,每个操作系统都有一个框架来开发移动应用程序。以Android为例,原生框架基于Java语言,而iOS则基于Objective-C/Swift语言。开发支持 Android 和 Apple 操...原创 2021-12-24 17:38:44 · 1854 阅读 · 0 评论 -
Flutter 环境搭建
一,flutter简介Flutter是google开发的移动UI框架,可快速的构建移动端app,高效的在android和iOS平台运行,使用的开发语言是dart,目前正在被越来越多的开发者学习和使用,且flutter框架和android一样,是免费和开源的,框架图如下:二,环境搭建,可参考官网链接,此处以Windows为例1.下载SDK releases2.将下载的SDK解压到自己的硬盘,并通过命令flutter --version查看版本,eg:F:\Program_Files\原创 2021-11-25 11:33:51 · 1882 阅读 · 0 评论 -
Flutter 数据监听器ChangeNotifier
Flutter 数据监听器ChangeNotifier原创 2021-11-23 17:47:54 · 8044 阅读 · 0 评论