- 博客(24)
- 收藏
- 关注
RSS订阅原创 flutter 图片编辑矩形 editBox
实现一个四边可以拖拽 整体可以移动的 用于编辑图片的矩形框初始矩形 可以滑动生成代码如下import 'package:flutter/material.dart';class EditBox extends StatefulWidget { @override _EditBoxState createState() => _EditBoxState();}class _EditBoxState extends State<EditBox> { BoxRect
2021-05-18 16:47:58
2127
10
原创 flutter手写板2.0 橡皮擦
在实现手写的基础上 增加橡皮擦功能详情见代码import 'dart:math';import 'dart:ui';import 'package:flutter/foundation.dart';import 'package:flutter/material.dart';import 'dart:ui' as UI;class HandWrittenBoard extends StatefulWidget { ///手写笔颜色 final Color? painColor;
2021-05-12 17:44:02
1244
2
原创 flutter获取listview可视区域的firstIndex和lastIndex，不破坏原有listview
介绍一种侵入性不强的方案，解决获取listview可视firstIndex和lastIndex问题。无需修改已有项目代码 套上ScrollIndexWidget即可，代码如下import 'dart:math';import 'package:flutter/material.dart';import 'package:flutter/rendering.dart';typedef ViewPortCallback = void Function(int firstIndex, int las
2021-05-11 14:30:59
3873
7
原创 flutter 用canvas绘制边框 并实现动画效果
代码如下利用 RRect绘制盒子和边际线 利用Path设置边界线轨迹利用PathMetric和AnimationController达成轨迹动画效果import 'dart:ui';import 'package:flutter/material.dart';class CutDownBorderButton extends StatefulWidget { const CutDownBorderButton( {Key? key, this.radius,
2021-05-06 13:12:56
1554
4
原创 flutter timeline item不固定高
这大概是flutter最简单的时间线了吧 maybe ，利用stack的特性 摒弃传统的计算逻辑import 'package:flutter/material.dart';typedef IndexedTimeItemBuilder = InfoItem Function( BuildContext context, int index);class TimeLineWidget extends StatelessWidget { const TimeLineWidget(
2021-04-27 14:39:51
258
1
原创 flutter gif加载 获取当前帧数 循环次数
flutter gif图片加载 可监听总播发帧数 当前帧数 循环次数 可自由拓展代码如下import 'dart:io';import 'dart:ui' as ui show Codec;import 'dart:ui';import 'package:flutter/foundation.dart';import 'package:flutter/widgets.dart';class GifCache { final Map<String, List<ImageInfo
2021-04-25 17:35:42
2066
7
原创 Flutter 手写板 签名
代码如下：import 'package:flutter/foundation.dart';import 'package:flutter/material.dart';import 'dart:ui' as UI;class HandWrittenBoard extends StatefulWidget { ///手写笔颜色 final Color? color; ///手写笔宽度 final double? width; ///手写笔控制器 final HandWr
2021-04-22 14:11:54
1184
5
原创 flutter 打开办公文件 pdf ppt xlsx 等等（仅Android）
项目地址：https://github.com/mrliuwen/lw_x5_webview_flutter.git起因：肺炎闹 产品要实现方式： 之前在pub库里看到一个X5的 恨遗憾的实现方式是用的直接open。不是用TbsReaderView后面我替换用TbsReaderView重写了打开文件这部分 需要自定义的懂android原生的小伙伴可以直接在原生部分修改FileActivit...
2020-03-05 16:18:17
5402
6
原创 flutter （dart）生成N位随机数
看代码 （滑稽）_randomBit(int len) {String scopeF = ‘123456789’;//首位String scopeC = ‘0123456789’;//中间String result = ‘’;for (int i = 0; i < len; i++) {if (i == 1) {result = scopeF[Random().nextInt(...
2019-09-24 10:24:58
14490
2
原创 flutter 语音转文字（科大讯飞）
everyThing is a widget先引入 web_socket_channel: ^1.0.14（别问，问就是websocket）看代码：import ‘dart:async’;import ‘dart:convert’;import ‘dart:io’;import ‘package:flutter/widgets.dart’;import ‘package:web_so...
2019-08-19 14:32:47
7230
3
原创 flutter 弹出框键盘遮挡 获取键盘高度
键盘高度：MediaQuery.of(context).viewInsets.bottom （此高度智能在键盘唤醒时在build中获取，弹出键盘会执行build）看代码：iimport ‘package:flutter/cupertino.dart’;import ‘package:flutter/material.dart’;import ‘my_input.dart’;void ma...
2019-06-27 11:39:12
9927
14
原创 flutter 点击按钮和外部区域 控制组件显示，隐藏
在一次做界面隐藏显示的时候。遇到一个小问题点击按钮外部区域隐藏，点击按钮自身弹出和隐藏//首先flutter 显示隐藏控件Offstage （弹出布局）bool hidden=true;//默认隐藏Offstage(offstage: hidden,child: _child(),));然后：全局ListenerOffset down0;//全局的点击位置记录Offset do...
2019-04-28 14:22:53
5947
1
原创 flutter CustomPainter 简单绘制 三角形 多边形
//自定义 坐标class Coordinate {final double cx;final double cy;Coordinate({this.cx, this.cy});}//绘制三角形。绘制的过程。是三个点依次连接然后填充。点的坐标是相对父布局坐标 而不是绝对坐标（传统意义上的屏幕左上角）效果图：三角形代码：class TriangleCustomPainter ex...
2019-04-09 12:10:34
10207
6
原创 flutter 开发中 Detected problems with API 弹窗
系android原生问题。解决方案// 无视p的非法api警告private void closeAndroidPDialog() { try { Class aClass = Class.forName("android.content.pm.PackageParser$Package"); Constructor declaredConstru...
2019-04-08 15:50:13
372
2
原创 flutter 绘制边框和圆角 BoxDecoration
请看效果：请看代码：Container(margin: EdgeInsets.only(left: 15,top: 15),padding: EdgeInsets.only(left: 12, right: 12, top: 5, bottom: 5),decoration: BoxDecoration(border: Border.all(color: Colors.red, wi...
2019-04-08 15:39:10
20252
8
原创 flutter 国际化（组件英文转中文）
ios 必须：然后:MaterialApp中 增加如下代码：localizationsDelegates: [ChineseCupertinoLocalizations.delegate, // 这里加上这个,是自定义的delegateDefaultCupertinoLocalizations.delegate, // 这个截止目前只包含英文GlobalMaterialLocaliz...
2019-03-12 14:58:25
5760
3
原创 flutter 底部弹窗 showModalBottomSheet 自定义样式和回调
//data 需要传递的数据 context 上下文 需要显示的地方 调用：_showBuyModalBottomSheet(data,context: context,);//_showBuyModalBottomSheet方法 实现有状态组件的showModalBottomSheet_showBuyModalBottomSheet(Data data, {@required B...
2019-02-28 10:22:39
12293
2
原创 flutter 实时获取文本框值
需求：可带默认值的文本编辑框组件：TextFormField。 initialValue默认值 onSaved中的返回则是实时的文本内容代码： final _textKey = GlobalKey();//声明组件的keyString code;//接收文本框的值执行输入操作之后通过key调用组件的方法：_textKey.currentState.save();此时code的值会变成组...
2019-02-25 18:15:13
8100
2
原创 flutter 更新应用版本
前面已经提到过 怎样修改版本号。做过移动开发的小伙伴应该知道 这是一个本地版本。运行版本。和线上版本三者比对逻辑过程这里就不多说了。我们现在使用flutter更新版本Android： 下载新版本包ios：跳转AppStore链接下载apk：引入dependencies:flutter_downloader: 1.1.3taskId = await FlutterDownloa...
2019-02-23 12:20:00
6252
3
原创 flutter 图片加载和预览实现
注:本文只提供了思路，并无完整性domo使用的是cached_network_image因为版本变革经常头大 而且需要自己对源码做些修改 建议github fork一下然后导入自己的地址类似dependencies:cached_network_image:git: https://github.com/tangtaoit/flutter_cached_network_image.g...
2019-02-22 11:08:23
6025
4
原创 flutter 获取app的packageInfo（版本号）
修改+号后的版本号。在android原生中能发现versioncode变化version信息的获取导入package_info: ^0.3.2+1代码 PackageInfo packageInfo = await PackageInfo.fromPlatform();packageInfo中包含的信息 既为app包信息可用于Android，ios升级判断...
2019-02-20 17:03:31
10521
4
原创 flutter 唤起微信 唤起其他应用
关于分享 登陆等请使用flutter_wx单纯唤醒微信方法 launch(“weixin://”);
2019-01-29 19:00:09
8021
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人