
Flutter
文章平均质量分 61
K_Hello
这个作者很懒,什么都没留下…
展开
-
Flutter JSON序列化的插件和Template
列举一下浏览及使用过的方式吧:1.在线转化JSON to Dart好久没更新了2.PluginsFlutterJsonBeanFactory 支持null-safe 2021/4/8 号更新了4.1.1版本 功能比较完善,看个人习惯 除了生成响应的entity外,其他生成的代码在generated目录下3. json_serializable 库由于实在不想写fromJson,toJson,我就简单创建了template,起名为jso原创 2021-04-08 17:52:48 · 633 阅读 · 0 评论 -
Flutter使用json_serializable泛型化的问题
文章目录version支持泛型化?实际使用请求状态码创建RoadBean创建BaseResult类,并使用泛型参数(T)测试Note没使用过json_serializable的,可以参考Flutter 中的JSON序列化versiondependencies: flutter: sdk: flutter # handling JSON json_serializable: ^4.1.0 支持泛型化?json_serializable 是支持泛型的(genericArgum原创 2021-04-08 16:58:47 · 3262 阅读 · 0 评论 -
Flutter http包的简单封装
Flutter http包的简单封装文章目录依赖http网络请求类数据转换Example依赖httpdependencies: flutter: sdk: flutter #网络 http: ^0.13.1执行 flutter pub get网络请求类import 'package:http/http.dart' as http;typedef onError = void Function(int statusCode, Object error);typed原创 2021-04-07 17:03:04 · 954 阅读 · 0 评论 -
Flutter 中的JSON序列化
Flutter 中的 JSON序列化文章目录Flutter 中的 JSON序列化使用 dart:convert手动序列化JSON内连序列化JSON在模型类中序列化JSON使用代码生成库序列化JSON使用[json_serializable](https://pub.dartlang.org/packages/json_serializable)生成序列化json的代码在项目中设置json_serializable以json_serializable的方式创建model类运行代码生成器使用 dart:co原创 2021-04-07 14:47:57 · 822 阅读 · 2 评论 -
Flutter 包管理的三种常见方式
Flutter 包管理的三种常见方式文章目录Flutter 包管理的三种常见方式Pub 仓库本地依赖依赖GitPub 仓库name: flutter_origindescription: A new Flutter application.# The following line prevents the package from being accidentally published to# pub.dev using `pub publish`. This is preferred fo原创 2021-04-06 14:58:37 · 534 阅读 · 0 评论 -
Flutter 动画(一)
Flutter 动画文章目录Flutter 动画准备AnimationControllerTicker providers生命周期TweenSampleFlutterLogo从30-50的放大动画CurvedAnimationInterval准备void main() { runApp(MyWidget());}class MyWidget extends StatelessWidget { @override Widget build(BuildContext context) {原创 2021-03-25 15:46:00 · 541 阅读 · 0 评论 -
Flutter 设置null-safely 版本
Flutter 设置null-safely 版本官方文档:迁移至空安全第一步:修改配置pubspec.yamlenvironment: sdk: ">=2.12.0 <3.0.0"点上方蓝色的Pub get 更新依赖第二步:纠错这时,你会发现项目中有些文件变红了,那是因为这些文件没有通过null safety 检查,通常表示某些变量可为null,某些变量不能为null,解决这些需要添加字符 如:? , required,!项目中也可能依赖了某些不支持null-safel原创 2021-03-25 11:53:43 · 2274 阅读 · 2 评论 -
Flutter 创建Web 应用
Flutter 创建Web 应用文章目录创建新的Web项目开启 Web 支持创建项目对已有的应用添加 Web 支持1.开启Web支持(如上)2.创建web 目录3.运行应用在浏览器中使用 build 命令From:flutter.cn运行环境如下(仅供参考):distributionUrl=https\://services.gradle.org/distributions/gradle-5.6.2-all.zipdependencies { classpath 'com.android原创 2021-03-04 12:07:43 · 1250 阅读 · 3 评论 -
Flutter widgets(二)
文章目录Flutter widgets(二)BackdropFilterSizedBoxMediaQuerySpacerFlutter widgets(二)BackdropFilter一个将筛选器应用于现有的绘制内容,然后绘制child 的widget与ImageFilter结合,Stack( children: [ Image.asset("images/bg.jpg"), //指定范围 Positioned( top: 50, bottom:原创 2021-02-26 11:19:11 · 283 阅读 · 0 评论 -
Flutter widgets(一)
Flutter widgets(一)文章目录Flutter widgets(一)SafeAreaExpandedWrapAnimatedContainerOpacityFutureBuilderFadeTransitionFadeInImageClipRRectTooltipLayoutBuilderAbsorbPointerTransform来自于Google Flutter Widgets 介绍合集SafeArea保证应用内容正常显示可以和Scaffold搭配使用Expanded一般在行或原创 2021-02-24 16:59:31 · 686 阅读 · 0 评论 -
Flutter 去掉右上角Debug式样
Flutter 去掉右上角Debug式样去掉 右上角Debug Banner MaterialApp( debugShowCheckedModeBanner: false, )系统设置为深色模式时,应用也做相应的深色模式MaterialApp( darkTheme: ThemeData(brightness: Brightness.dark), )Locale一种标识符,用于选择用户的语言和格式化偏好//fr法语,CH瑞士static const Locale swiss原创 2021-02-20 17:34:10 · 261 阅读 · 0 评论 -
Dio的简单封装
dio的简单使用dio一个适合Dart的强大的Http Client,它支持拦截器,全局配置,FormData,请求取消,文件下载,超时等。Sample Usepubspec.yaml 导入dependencies: dio: ^3.0.10import 'package:dio/dio.dart';void getHttp() async { try { Response response = await Dio().get("http://www.google.com"原创 2020-09-03 15:38:50 · 1799 阅读 · 0 评论 -
Flutter 监听返回键
Flutter 监听返回键WillPopScope的注释:注册一个回调函数来否决用户试图关闭封闭的[ModalRoute]。抱歉,每个字我都认识,这一句话理解不了…通过 WillPopScope 可以实现对返回键点击事件的监听,通过 onWillPop 回调函数可以处理响应点击事件参考自:此文章@overrideWidget build(BuildContext context) { return WillPopScope( onWillPop: _requestPop,原创 2020-09-02 18:21:07 · 4535 阅读 · 0 评论 -
Flutter 检测是否已连接到互联网
Flutter 检测是否已连接到互联网?文章目录connectivity用法检测网络可用connectivity这个插件允许Flutter应用发现网络连接并相应地配置自己。它可以区分蜂窝网络连接和WiFi连接。这个插件适用于iOS和Android。注意,在Android上,这并不能保证连接到互联网。例如,该应用程序可能有wifi接入,但它可能是一个无法接入的VPN或旅馆wifi。用法///用于检查当前状态的示例用法import 'package:connectivity/connectivit原创 2020-09-01 17:58:30 · 6250 阅读 · 0 评论 -
Flutter小知识
Flutter小知识设置全屏效果//状态栏和虚拟按键隐藏掉在StatelessWidget的build(Context context)下,或者State下的initState()方法下SystemChrome.setEnabledSystemUIOverlays([])显示状态栏和虚拟按键SystemChrome.setEnabledSystemUIOverlays(SystemUiOverlay.values);或者SystemChrome.setEnabledSystemUIOver原创 2020-08-29 15:09:37 · 345 阅读 · 0 评论 -
Dart中 (Flutter)final 和 const的区别
Dart中 (Flutter)final 和 const的区别相同点:两者修饰的变量不可更改const 修饰的变量,创建后不能更改值 ,是编译时常量final修饰的变量,只能设置一次值,不能更改不同点:程序运行时,需要传值时,使用finalconst在运行时无法访问任何内容...原创 2020-06-19 19:50:06 · 750 阅读 · 0 评论 -
Android 导入Flutter模块(二)-- 启动Flutter screen
Android 启动普通的Flutter screen文章目录Android 启动普通的Flutter screen将FlutterActivity添加到AndroidManifest.xml启动FlutterActivity使用缓存的FlutterEngine带有缓存引擎的初始路由添加半透明的Flutter屏幕使用半透明的主题启动用透明度的FlutterActivityAndroid 关于Fl...翻译 2020-03-24 13:43:10 · 1916 阅读 · 0 评论 -
关于AppLifecycleState 检测应用程序存在的状态(前后台监听)
关于AppLifecycleState检测应用程序存在的状态(前后台监听)概念一个应用程序存在的状态下面的值描述来自操作系统的通知应用程序不应该总是期望收到所有可能的通知例如,如果用户从设备中取出电池,在应用程序和操作系统的其他部分突然终止之前,不会发送任何通知enum AppLifecycleState { //应用程序是可见的,并且响应用户输入 resumed, ///...原创 2020-03-24 12:18:50 · 4465 阅读 · 0 评论 -
Android 导入Flutter模块(一)
文章目录Android 导入Flutter模块两种方式1.使用Android Studio2.手动整合创建Flutter模块Java 8要求添加Flutter模块作为依赖项1.AAR2.源代码模块(module)Android 导入Flutter模块Flutter可以作为源代码Gradle子项目或AAR嵌入到您现有的Android应用程序中。可以使用带有Flutter插件的Android S...原创 2020-03-20 20:00:14 · 1199 阅读 · 0 评论 -
Flutter Android 签名打包
文章目录查看APP包的签名Flutter 配置Android 签名创建 keystore引用应用程序中的keystoregradle中配置签名构建一个发布版apk(打包)在设备上安装发行版APK查看APP包的签名为了检查flutter打包的签名信息,找到应用的apk文件,修改后缀改成zip包;在压缩文件中找到META-INF目录下找到 CERT.RSA文件;shift+鼠标右...原创 2020-03-11 14:03:18 · 2736 阅读 · 0 评论 -
Flutter 各种widget 简要说明
Flutter widget 简要说明:文章目录Flutter widget 简要说明:Text交互性`Row`/ [`Column`](https://docs.flutter.io/flutter/widgets/Column-class.html)`Stack``Container`Icon交互性RaisedButtonFlatButton,DropdownButtonFloating...原创 2020-02-20 18:21:37 · 1118 阅读 · 0 评论 -
Flutter 引入image_pick 问题,Could not resolve com.android.tools.build:gradle:3.3.0
Flutter 引入image_pick 问题 Could not resolve com.android.tools.build:gradle:3.3.0image_picker版本:image_picker: ^0.6.3+1A problem occurred configuring project ‘:image_picker’.Could not resolve all ar...原创 2020-02-14 18:18:10 · 1832 阅读 · 0 评论 -
Flutter 命令行简介(doctor,run)
Flutter命令行文章目录Flutter命令行检测flutter项目配置创建项目运行项目项目打包检测flutter项目配置flutter doctor检测flutter项目配置并且查看相应的版本信息flutter doctor -v创建项目简单flutter create myapp带参数创建flutter create --org com.xxx.xxx –i swif...原创 2020-02-12 12:43:40 · 1216 阅读 · 2 评论 -
Flutter配置问题
Flutter配置问题配置阿里云仓库project 的build.gradlebuildscript { ext.kotlin_version = '1.3.50' repositories { /* google() jcenter()*/ maven{ url 'https://maven.aliyun.com/reposit...原创 2020-02-12 12:36:33 · 1506 阅读 · 0 评论