![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Flutter
文章平均质量分 76
gnifeifeiing
这个作者很懒,什么都没留下…
展开
-
【Flutter web】实现批量生成可下载的二维码,二维码图片点击下载
这里写自定义目录标题先看效果:方法:先看效果:方法:web布局就略过,自行练习,只讲重点!此项目需要用到三个依赖库:zxing2: ^0.1.0image: ^3.1.0qr_flutter: ^4.0.0zxing2库:用于将二维码转成Bytes集合。image库:zxing2库转Bytes集合过程会用到。qr_flutter库:用于web上展示二维码,即:显示二维码的组件。qr_flutter库的使用参考pub上例子就行。重点在如何下载成图片:首先通过zxing2库和ima原创 2021-12-23 17:32:10 · 1478 阅读 · 0 评论 -
【Flutter web】内网网站如何发布?解决外网下canvaskit.js和字体无法加载问题
背景由于部署的网站只能在内网下使用,部署服务器又不能访问外网,导致Flutter web部署遇到很多问题,比如:白屏。部署的网站为何首次加载缓慢,会白屏?通过浏览器开发工具看图:可以看到css和ttf文件加载失败了(也要注意cancaskit.js和canvaskit.wasm这两个文件,内网环境下肯定也是不能fetch的),那么白屏或者白屏后字体不见了问题就是这个获取失败了,查看这两个文件加载地址:https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu原创 2021-11-27 10:09:42 · 5713 阅读 · 3 评论 -
Flutter 软键盘遮挡问题:弹出时布局或Dialog上移
对于软件盘遮挡问题,首先考虑Scaffold作为根布局,背景色设为透明.Dialog的大概布局可以这样设计:Scaffold -> Center -> SingleChildScrollView -> Column注意:dialog点击外部弹框消失,可以在Scafflod外部加一个GestureDetector:onTap: () { Navigator.of(context).pop();},...原创 2020-11-13 16:24:03 · 1516 阅读 · 0 评论 -
Flutter Inkwell,RaisedButton去除水波纹的点击效果
InkWell 、RaisedButton 等组件自带 splashColor 属性和 highlightColor 属性.将这两个属性设置为透明即可去除点击的效果.InkWell( onTap: () {}, child: Text('InkWell 组件'), highlightColor: Colors.transparent, // 透明色 splashColor: Colors.transparent, // 透明色),但是RaisedButton即使设置了 splas原创 2020-11-09 09:45:59 · 4905 阅读 · 0 评论 -
Flutter CustomPainter实现半圆形饼图
CustomPaintCustomPaint 是一个继承自 SingleChildRenderObjectWidget 的控件,因此我们不能用 setState 的方式来刷新它,但是我们可以通过传值不断刷新build方法取重新绘制它.它需要传入painter结合size属性进行绘制. return CustomPaint( size: Size(double.infinity, w(130)), painter: CurvePainter(), );Cur..原创 2020-10-20 11:19:38 · 2946 阅读 · 0 评论 -
FlutterPlugin中如何引用Activity对象?
@Override public void onAttachedToEngine(@NonNull FlutterPluginBinding flutterPluginBinding) { channel = new MethodChannel(flutterPluginBinding.getFlutterEngine().getDartExecutor(), "flutter_ios_screenshots"); channel.setMethodCallHan..原创 2020-10-09 15:54:48 · 2732 阅读 · 0 评论 -
Flutter 被Container包裹的TextField如何实现输入的文字居中
Container( height: w(54), alignment: Alignment.centerLeft, margin: EdgeInsets.fromLTRB(w(24), w(9), w(9), w(12)), padding: EdgeInsets.only(left: 6, right: 6), decoration: BoxDecoration(原创 2020-09-28 16:31:33 · 4332 阅读 · 0 评论 -
Flutter实现截屏组件封装
先看效果:用到的屏幕截屏插件(插件的用法大家参考该插件文档): screenshot: ^0.2.0封装思路 手势如何操作执行截屏呢? -> GestureDetector 多子叶布局用什么?考虑应该覆盖,选用了Stack 截图显示的位置应该可以显示和隐藏,且将其放到Stack最后一层 -> Offstage 最后就是截屏显示后的动画布局代码@override Widget build(BuildContext context) {原创 2020-09-17 10:22:52 · 837 阅读 · 0 评论 -
Flutter报错指南
MissingPluginException(No implementation found for method XXXX on channel XXXX)解决方案:Terminal -> 输入:flutter clean,然后AS右上角stop项目,重新run.原创 2020-09-16 09:14:25 · 518 阅读 · 0 评论 -
解决Flutter第一次运行编译一直显示Running Gradle task ‘assembleDebug‘
一.Gradle版本下载超时当编译一直显示Running Gradle task ‘assembleDebug’,最后显示下载Gradle某个版本下载超时,可去官网:https://services.gradle.org/distributions/下载,电脑下载会非常慢,建议使用手机4g网络下载,速度会意想不到的快哦!C:\Users\64548\.gradle\wrapper\dists此路径是gradle保存路径(64548是用户名),把下载的zip包放到对应版本下gradle-x.x.x-xx原创 2020-08-27 17:34:41 · 3055 阅读 · 0 评论 -
Flutter环境搭建--window
建议:1.安装Flutter SDK之前,安装好Android studio(Android Studio, 3.0或更高版本.)和对应的Android SDK。2.作为一名开发者,最好使用Win10系统进行搭建。由于Flutter是基于Powershell5.0的环境,win7上版本太低。1.Flutter SDK下载地址:官网:https://flutter.dev/docs/get-started/install/windowsFlutter中文网:https://flutterchina.原创 2020-08-03 14:39:47 · 173 阅读 · 0 评论