flutter
文章平均质量分 63
flutter日常使用
一杯清泉
坚持初心,不负梦想!!!
展开
-
Flutter实现一个自定义的弹窗
标题、内容、取消,确认按钮都可以自定义,颜色也支持自定义,可以监听点击事件,运用的知识就是前面总结的flutter知识点的综合运用,效果如下。直接上代码:import 'package:flutter/material.dart';class AppDialog extends Dialog { final String title; final String? confirm; final String? cancel; final Str...原创 2022-02-24 22:24:12 · 4012 阅读 · 5 评论 -
Flutter中的点击事件和回调
不同于Android中所有的View可以通过设置点击setOnClickListener { }方法,在Flutter有些widget是不支持直接添加onPress事件的,用法和原生区别很大,列举了常用两种方式。一、InkWellInkWell中点击事件分为来管理点击回调和水波动画。onTap: () // 单击onDoubleTap: () // 双击onLongPress: ()// 长按InkWell( onTap: (){}, child: Cont原创 2022-02-22 21:32:35 · 4818 阅读 · 0 评论 -
Flutter自定义加载中的Loading
一、定义class YmDialog extends Dialog { final String title; const YmDialog(this.title, {Key? key}) : super(key: key); @override Widget build(BuildContext context) { // TODO: implement build return Center( //创建透明层 child: Mater..原创 2022-02-21 21:33:40 · 2800 阅读 · 0 评论 -
Flutter AppBar统一样式抽取
为了便于App的管理,统一主题风格,需要统一自定义标题栏和状态栏,效果如下:一、页面使用void main() { //定义状态栏 if (Platform.isAndroid) { SystemUiOverlayStyle _style = const SystemUiOverlayStyle( statusBarColor: Colors.transparent, //设置状态栏背景颜色 //statusBarIconBrightne...原创 2022-02-27 09:11:49 · 2383 阅读 · 0 评论 -
Flutter中的JSON解析
在客户端开发的过程中,JSON的序列化与反序列化是一个常见的操作,有非常好用的gson,fastjson。由于Flutter中是禁止使用反射的,所以在flutter中并没有这样的库,所以在flutter中使用json的解析还是比较繁琐的,不像java那么简单。下面总结常用的json解析:一、使用dart:convert内置库解析1、示例一(1)json结构{ "callback":"success", "data":"张三"}(2)将json转为Mapcons...原创 2022-02-17 20:36:22 · 12640 阅读 · 0 评论 -
Flutter的异步回调
一、Dart的事件循环Dart的事件循环机制相当于Android中的handler机制,Android中是多线程了,但是dart是单线程的,更像js中的事件循环机制,虽然是单线程的,但是dart也提供了异步的功能函数对象Future,类似于js的compose函数。Dart的事件有两个队列。一个是微任务队列。如下图:事件队列:包含外部事件,例如I/O, Timer,绘制事件等等。 微任务队列:则包含有Dart内部的微任务,主要是通过scheduleMicrotask来调度。两种队...原创 2021-10-28 20:30:12 · 1809 阅读 · 0 评论 -
Flutter的生命周期
一、生命周期阶段flutter生命周期大体上可以分为三个阶段:初始化、状态变化、销毁。1、初始化阶段对应执行构造方法和initState时候2、状态变化阶段开新的widget或者调用setState方法的时候3、销毁阶段deactivate 和 dispose二、生命周期阶段执行的函数1、initState调用次数:1次插入渲染树时调用,只调用一次,widget创建执行的第一个方法,这里可以做一些初始化工作,比如初始化State的变量。2...原创 2021-10-27 22:13:55 · 14523 阅读 · 2 评论 -
Flutter常用组件和属性总结
1、垂直布局Column:LinearLayout + vertical2、水平布局Row:LinearLayout + horizontal3、文本输入框TextField:EditText。Row直接包裹TextField会发生异常:BoxConstraints forces an infinite width需要使用Flexible或者Expanded包裹,原因是Row默认有多大给你多大,TextField你给我多大我就多大,和Android中matchParent还不太一样.原创 2021-06-02 21:47:03 · 568 阅读 · 4 评论 -
Flutter搭建底部导航
一、基础知识介绍1、修改状态栏颜色SystemUiOverlayStyle systemUiOverlayStyle = SystemUiOverlayStyle( statusBarColor: Colors.transparent, statusBarIconBrightness: Brightness.light);SystemChrome.setSystemUIOverlayStyle(systemUiOverlayStyle);statusBarCo...原创 2021-05-15 17:20:31 · 443 阅读 · 0 评论 -
Android项目集成Flutter
在Android开发中某些组件或者页面需要使用Flutter开发,这边文章主要介绍已有的Android项目集成Flutter开发环境。一、Flutter开发环境配置1、flutter插件配置Android Studio ——>Preferences——>重启项目2、下载flutter-sdkhttps://flutterchina.club/我使用的是Mac的系统,下载地址为:https://storage.googleapis.com/flutter_in原创 2021-05-09 19:46:53 · 1448 阅读 · 4 评论