![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
flutter
SkyCloud5+2
这个作者很懒,什么都没留下…
展开
-
flutter 引入插件依赖
把插件工程放在项目跟目录下的plugin文件,通过路径进行引入。通过远程git仓库地址引入。官方pub依赖包引入。原创 2023-02-25 08:56:13 · 1460 阅读 · 0 评论 -
Flutter 身份证号格式化输入
身份证号格式化输入。原创 2023-02-09 16:41:38 · 429 阅读 · 0 评论 -
Flutter Icons内置图标库MaterialIcons大全
FlutterIcons内置图标库MaterialIcons大全。原创 2022-07-19 09:22:17 · 8587 阅读 · 0 评论 -
flutter中让一段文字中的部分显示为其他样式
富文本widgetRichText可以把一段文字中的部分显示为其他样式原创 2022-07-09 14:01:00 · 835 阅读 · 0 评论 -
Flutter安卓系统把状态栏设置为透明色
Flutter安卓app运行时,状态栏默认淡灰色,字体黑色,需手动设置状态栏为透明色原创 2022-06-23 09:00:10 · 2147 阅读 · 0 评论 -
Flutter在 release版本,打开后随机白屏不显示内容
白屏原因:Flutter为加快应用启动速度,未等size赋值,就开始渲染界面。解决办法:监听window的尺寸变化,当不为空时,再runApp;runApp必须先WidgetsFlutterBinding.ensureInitialized(),确保有WidgetsFlutterBinding实例,不然会黑屏使用window需导入 dart:ui...原创 2022-06-23 08:54:24 · 2833 阅读 · 1 评论 -
出现CDN: trunk Repo update failed错误解决
在执行 pod install 后,得到一下错误:解决办法:用source 'https://github.com/CocoaPods/Specs.git'替换到cdn源步骤:1.在podfile里面顶部添加source 'https://github.com/CocoaPods/Specs.git'2.终端下执行 pod repo remove trunk来移除trunk3.重新pod install...原创 2022-06-09 11:58:46 · 3092 阅读 · 0 评论 -
flutter中实现轮播图
flutter_swiper最强大的swiper, 多种布局方式,无限轮播,Android和IOS双端适配.1、在pubspec.yaml引入flutter_swiperflutter_swiper: ^1.1.6记得执行flutter pub get2、引用import 'package:flutter_swiper/flutter_swiper.dart';3、使用 Swiper( itemBuilder: (BuildContext context,int .原创 2022-04-01 15:52:55 · 3331 阅读 · 0 评论 -
一键生成所有尺寸App Icon
1、图标工场,中文页面(有广告)https://icon.wuruihong.com/#/android图标工场https://icon.wuruihong.com/#/android2、App Icon Generator,英文界面https://appicon.co/#app-iconApp Icon GeneratorGenerate icons and images for mobile apps, android and iOS. No need to upload or downlo原创 2022-03-30 14:59:47 · 7051 阅读 · 0 评论 -
flutter 调用微信支付
Fluwx是一个微信SDK插件,它允许开发者调用微信原生SDK.分享图片,文本,音乐,视频等。支持分享到会话,朋友圈以及收藏. 微信支付. 在微信登录时,获取Auth Code. 拉起小程序. 订阅消息. 打开微信. 从微信标签打开应用1、在pubspec.yaml添加依赖 # 微信SDK插件 fluwx: ^3.8.1+1获取插件flutter pub get2、引入头文件import 'package:fluwx/fluwx.dart' ...原创 2022-03-29 17:27:32 · 7941 阅读 · 0 评论 -
flutter 生成图片并保存到相册
1、在pubspec.yaml添加依赖 # 图片保存 image_gallery_saver: ^1.7.1获取插件flutter pub get2、引入头文件import 'dart:io';import 'dart:typed_data';import 'package:image_gallery_saver/image_gallery_saver.dart';import 'package:permission_handler/permission_handler原创 2022-03-18 17:14:01 · 5784 阅读 · 4 评论 -
flutter 生成二维码,中心可加图片
1、导入依赖在pubspec.yaml文件中,添加依赖,并执行flutter pub get命令 # 二维码 qr_flutter: ^4.0.0属性 类型 描叙 version int QrVersions.auto或 1 到 40 之间的值 errorCorrectionLevel int 值QrErrorCorrectLevel。例如:QrErrorCorrectLevel.L。 size double 图像(正方形)大小原创 2022-03-17 17:19:42 · 3363 阅读 · 0 评论 -
flutter 显示svg图片,动态改颜色大小
在项目中,图标会根据情况的不同,动态改变颜色和大小,使用svg,可以减少资源文件导入,flutter中使用svg,需用到flutter_svg1、在pubspec.yaml引入flutter_svgflutter_svg: ^1.0.32、导入svg把svg文件导入asset目录下并在pubspec.yaml添加svg对应的目录assets: - assets/images/tab/记得执行flutter pub get3、使用引入文件imp.原创 2022-03-16 09:56:46 · 4966 阅读 · 0 评论 -
flutter 文本上下角标显示,如角度、温度
在项目中,很多时候在文本显示时,会有上下角标字符,Flutter具有这些字符的内置常量,有常用字符集库。例如,“上标1”为$sup1,“上标2”为$sup2,等等。它还包括希腊字符和许多其他内容。1、导入字符集库//根据需要导入import 'package:charcode/ascii.dart' as Ascii;import 'package:charcode/html_entity.dart' as HtmlEntity;2、文本Text、富文本RichText使用上下...原创 2022-03-10 09:33:47 · 2327 阅读 · 0 评论 -
flutter 叠加布局Stack,Positioned超出部分显示
层叠布局,子组件可以根据距父容器四个角的位置来确定自身的位置Stack允许子组件堆叠,而Positioned用于根据Stack的四个角来确定子组件的位置。StackStack({ Key key, this.alignment = AlignmentDirectional.topStart, this.textDirection, this.fit = StackFit.loose, this.overflow = Overflow.clip, .原创 2022-03-09 11:02:32 · 4592 阅读 · 0 评论 -
flutter 图片Image实现圆角的四种方法
1、使用Container的特性,进行裁剪实现圆角 Container( width: 100, height: 100, //超出部分,可裁剪 clipBehavior: Clip.hardEdge, decoration: BoxDecoration( borderRadius: BorderRadius.circular(50), ), child: Image.network( ..原创 2022-03-04 14:59:23 · 7700 阅读 · 0 评论 -
flutter set方法和get方法实现
set、get方法是一对用来读写对象属性的特殊方法,实例对象的每一个属性都有一个隐式的 get 方法使用 set 和 get 关键字来创建 set 和 get 方法:class Person { String _name;//私有变量 set name(String name) { _name = name; } String get name { return _name; }}如果只set、get方法里不做其他操作,会有Avoid wrap...原创 2022-03-03 09:16:54 · 1423 阅读 · 0 评论 -
flutter Android真机打开白屏,widget显示不出来
flutter 项目Android编译的时候报错A splash screen was provided to Flutter, but this is deprecated. See flutter.dev/go/android-splash-migration for migration steps.解决方法:Android文件AndroidManifest.xml中<meta-data android:name="io.flutter.embedding.android.S原创 2022-03-01 11:17:14 · 2013 阅读 · 0 评论 -
flutter 图片预览缩放、滑动 photo_view
1、在pubspec.yaml添加依赖 # 图片预览 photo_view: ^0.13.0获取插件flutter pub get2、多张图片预览import 'package:flutter/cupertino.dart';import 'package:flutter/material.dart';import 'package:photo_view/photo_view_gallery.dart';typedef PageChanged = void Funct原创 2022-02-25 16:43:18 · 5245 阅读 · 0 评论 -
flutter 避免按钮连续点击,重复响应封装
在一些计算较为复杂、操作较为耗时或者发送请求的操作中,如果事件持续触发,除了带来性能上的负担,还会导致糟糕的用户体验为了按钮重复点击后触发事件,在调用事件方法后,给一个延时时间,在该时间范围内如果再次点击按钮,不触发事件,延时结束后,点击才可再次响应按钮封装class MyButtons { static int clickSpaceTime = 2000;//延时2s static Widget textButton({ Widget child, VoidC.原创 2022-02-24 16:16:06 · 4175 阅读 · 1 评论 -
Flutter 权限管理 Permission_handler 动态申请定位权限
在我们Android和IOS开发中,都会涉及到权限问题,而Flutter是需要将IOS和Android权限柔和起来的,分别需要适配Android和IOS,推荐使用permission_handler插件完成手机权限的检查以及开启1、配置1.1 添加依赖在pubspec.yaml中添加依赖,并flutter pub get更新依赖dependencies: flutter: sdk: flutter # 权限 permission_handler: ^8.3.0 .原创 2022-02-24 10:40:43 · 7704 阅读 · 3 评论 -
flutter 使用ClipPath实现中间透明 四周半透明,可倒圆角
ClipPath可以根据给定的Path来裁剪widget,它的定义如下:/// Creates a path clip.////// If [clipper] is null, the clip will be a rectangle that matches the layout/// size and location of the child. However, rather than use this default,/// consider using a [ClipRect], w原创 2022-02-22 19:55:27 · 1437 阅读 · 1 评论 -
flutter 使用MD5加密
1、在pubspec.yaml中引入crucpto,更新依赖crypto: ^2.1.52、引入头文件import 'dart:convert';import 'dart:typed_data';import 'package:crypto/crypto.dart';3、使用md5加密///使用md5加密String generateMD5(String data) { Uint8List content = new Utf8Encoder().convert(data原创 2022-02-21 09:37:40 · 3066 阅读 · 0 评论 -
flutter 使用系统 复制与粘贴
1、导入包import 'package:flutter/services.dart';2、复制,可使用换行符\n进行换行复制//复制Clipboard.setData(ClipboardData(text: '第一行内容\n第二行内容\n'));3、粘贴//读取剪切板String text = Clipboard.getData(Clipboard.kTextPlain);...原创 2022-02-17 19:10:43 · 4178 阅读 · 0 评论