- 博客(43)
- 收藏
- 关注
RSS订阅原创 Flutter通知插件FlutterLocalNotificationsPlugin
在上面的代码中，我们首先定义了一个 FlutterLocalNotificationsPlugin 的全局变量 _notifyPlugin，并在 initNotifications() 方法中对其进行初始化。在 showNotification() 方法中，我们检查 FlutterLocalNotificationsPlugin 是否已被初始化，如果没有，则调用 initNotifications() 方法。如果没有，请先调用初始化方法。
2023-05-26 09:04:20
1079
转载 Flutter 炫酷UI组件库
flukit （Flutter UI Kit）是一个Flutter Widget库。一款简约的Flutter游戏引擎。
2023-05-06 11:26:35
1509
1
原创 flutter 引入插件依赖
把插件工程放在项目跟目录下的plugin文件，通过路径进行引入。通过远程git仓库地址引入。官方pub依赖包引入。
2023-02-25 08:56:13
1453
原创 Flutter在 release版本，打开后随机白屏不显示内容
白屏原因：Flutter为加快应用启动速度，未等size赋值，就开始渲染界面。解决办法：监听window的尺寸变化，当不为空时，再runApp；runApp必须先WidgetsFlutterBinding.ensureInitialized()，确保有WidgetsFlutterBinding实例，不然会黑屏使用window需导入 dart:ui...
2022-06-23 08:54:24
2823
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
3087
原创 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
3328
原创 一键生成所有尺寸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
7026
原创 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
7933
原创 微信小程序授权保存图片到相册
在微信小程序中，做分享朋友圈，保存图片视频到相册，需要授权，会经常遇到。有时用户误操作，第一次拒绝授权弹框后，微信会认为用户拒绝该授权意愿并且不会再次调起授权弹框，这是该怎么办呢？1、授权情况分析 用户第一次使用，弹出授权 用户已经授权，可进行保存操作 用户已经拒绝，需要调起授权2、代码实现checkAuthorize: function (e) { var that = this wx.getSetting({ success: function (re.
2022-03-22 12:05:58
2230
1
原创 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
5776
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
原创 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
4957
原创 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
2321
原创 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
4583
原创 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
7688
原创 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
1420
原创 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
2011
原创 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
5241
原创 flutter 避免按钮连续点击，重复响应封装
在一些计算较为复杂、操作较为耗时或者发送请求的操作中，如果事件持续触发，除了带来性能上的负担，还会导致糟糕的用户体验为了按钮重复点击后触发事件，在调用事件方法后，给一个延时时间，在该时间范围内如果再次点击按钮，不触发事件，延时结束后，点击才可再次响应按钮封装class MyButtons { static int clickSpaceTime = 2000;//延时2s static Widget textButton({ Widget child, VoidC.
2022-02-24 16:16:06
4174
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
7690
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
1435
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
3062
原创 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
4173
原创 腾讯地图 anddroid 后台定位
1、在Manifest.xml文件中application标签中添加Service声明<!-- 前台Service的方式来提高进程级别，使定位服务由后台转向前台--><service android:name="com.tencent.map.geolocation.s" android:foregroundServiceType="location"/>注册申请权限，允许在后台获取权限<!-- Android Q新增权限，允许应用在后台发起定位，如应用ta
2022-02-15 20:35:11
1082
原创 flutter 拨打电话、打开网页、打开第三方应用
在项目开发中可能需要完成拨打电话、访问浏览器、打开第三方应用的功能实现，我们可以通过url_launcher 插件来完成功能开发 # 手机号，打开网页，第三方app url_launcher: ^6.0.5
2021-11-24 20:00:00
1522
原创 Text组件文字和数字对不齐
当两个Text都有文字可以对齐当两个Text一个显示文字，另一个只显示数字时，就会错位解决办法：在TextStyle中添加相同的heightRow( children: [ Text("剩余：", style: TextStyle(color: MyColors.grey_999, fontSize: 14.px, height: 1.2),), Text("28", style: TextStyle(color: MyColors....
2021-11-18 15:55:35
600
原创 flutter TextField的TextEditingController使用
final TextEditingController _editingController = TextEditingController();Container( child: TextField( controller: _editingController, ),)setState(() { // _editingController.text = "";//赋值后，不能再次输入，android需重新唤起键盘后才能出入 _editingCo.
2021-11-09 10:11:40
3978
1
原创 Flutter 升级到指定版本version和指定渠道channel
查看当前版本号、当前channel渠道flutter --version升级到最新版本flutter upgrade升级到指定版本flutter upgrade v2.2.3查看flutter通道、及所有渠道flutter channelmaster 最新的channeldev 最新且充分测试后的channelbeta 最好的dev的channelstable 当前最稳定的channel稳定性排序：master < dev < beta <
2021-10-26 08:43:03
1429
原创 mac电脑npm安装weex-toolkit
直接使用 npm install -g weex-toolkit 安装weex-toolkit，安装缓慢，又报无权限访问需要修改npm权限，再进行安装#打开node所在文件夹cd /usr/local/lib/node_modules/npm/bin#修改权限chmod 775 npm# 再重新安装sudo npm i -g weex-toolkit...
2021-09-28 13:59:08
394
原创 腾讯地图点聚合自定义标注
//自定义DefaultClusterRendererclass CustomIconClusterRenderer extends DefaultClusterRenderer<MarkerClusterItem> { public CustomIconClusterRenderer(Context context, TencentMap tencentMap, ClusterManager<MarkerClusterItem> clusterManager.
2021-09-27 15:09:26
1521
原创 Cannot lock Java compile cache as it has already been locked by this process
flutter开发，安装新插件，编译的时候报错Cannot lock Java compile cache as it has already been locked by this process解决方法：1、查询 java 进程$ jps2、杀死 GradleDaemon 进程$ kill 1210 #进程ID再次编译就可以通过...
2021-09-18 09:59:17
896
原创 Flutter中GestureDetector点击事件有时不响应
String showText = "点我试试";GestureDetector( onTap: () { setState(() { showText = "我被点击了"; }); }, child: Container( height:300, child: Text(showText), ));表面看没啥问题，但是实际应用的过程中发现有时点击一些地方不响应，最后得出结论是有文字的地方可以响应事件，空白的地方不可.
2021-09-17 09:43:23
1584
原创 Sublime Text 3 mac版本配置Python3
1、获取Python3的解释器路径在终端中输入 type -a python3lqw@qwdeMacBook-Pro ~ % type -a python3python3 is /usr/bin/python3lqw@qwdeMacBook-Pro ~ % 获取解释器路径为：/usr/bin/python32、打开Sublime Text 3，依次点击上方标题栏Tools->Build System->New Build System打开后编辑器显示如下{
2020-10-22 22:33:12
114
原创 wx.showToast()内容换行
\n，可实现wx.showToast()内容换行，在开发者工具里未换行，真机里可正常显示换行wx.showToast({ title: "换行前内容\n换行后内容", icon: "none" })
2020-10-13 09:02:37
2264
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人