![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
flutter
文章平均质量分 56
qiao若huan喜
每天都往前一点点,总能走到终点。
展开
-
flutter 封装本地存储LocalStorage
1、添加依赖 shared_preferences: ^2.0.52、封装代码import 'package:shared_preferences/shared_preferences.dart';class LocalStorage { LocalStorage._(); static late SharedPreferences prefs; static init() async { prefs = await SharedPreferences.getInsta原创 2021-09-08 17:37:40 · 1009 阅读 · 0 评论 -
flutter2.0 项目开发常用功能合集
1、粘贴复制功能不需要引入其他的依赖插件,flutter框架自带首先引入文件import 'package:flutter/services.dart';复制文本 ClipboardData data = new ClipboardData(text:"复制的内容"); Clipboard.setData(data);粘贴Clipboard.getData需要传入‘format’:The format argument specifies the media type, such a原创 2021-08-19 13:54:43 · 441 阅读 · 0 评论 -
flutter 打包 windows桌面端程序步骤
1、FLutter 开启windows支持cmd运行下面命令,开启windows支持flutter config --enable-windows-desktop 2、创建FLutter DeskTop项目flutter create my_test_project #my_test_project 是你项目的名字,可以自定义3、安装VisualStudio执行flutter doctor,查看一下当前环境,如果你的环境是这样的,那么这一步骤可以跳过。如果你的环境是这样的,那么请继续查原创 2021-06-21 10:19:35 · 5703 阅读 · 13 评论 -
flutter2.0版本的----将组件生成图片保存到本地(最新)
1、flutter 版本自原创 2021-06-11 17:59:51 · 828 阅读 · 1 评论 -
Flutter 的向上弹框页面实现
Flutter 的向上弹框组件showModalBottomSheet这个组件在使用向上弹框的时候还是比较方便的,但是如果我们要在弹框中更新信息的话就需要配合 StatefulBuilder 组件来实现了。现在的ui 是需要实现,弹框中的左边是一个菜单栏,右边是展示对应的内容。先看我这边实现的效果,略微粗糙,可以自行调整。实现代码,可以直接放在一个文件中运行,至于图片的资源可以自己替换成自己引入的。import 'package:flutter/cupertino.dart';import '原创 2021-05-26 11:46:54 · 808 阅读 · 2 评论 -
Flutter状态管理 之 Getx
Flutter状态管理 Getx1、业务逻辑 和 页面 进行分离1)业务逻辑相关的代码全部可以定义在一个继承 GetxController 的控制器下面理解:业务逻辑相关的代码全部可以定义在一个继承 GetxController 的控制器下面,可以达到视图层和业务分离页面中使用依赖注入的方式:Gt.put(Controller());2)Get.lazyPut(() => ApiMock());理解:只有当第一次使用Get.find时,ApiMock才会被调用。 相当于 Vue 中的懒加载原创 2021-05-25 16:47:06 · 1525 阅读 · 0 评论 -
dart语法 --- flutter使用的语言
1、dart的命名规则1)变量名必须是数字,下划线、字母和美元符号($) 组成2)标识符不能够是数字开头3)标识符不能够是保留字和关键字4)变量名区分大小写5)标识符一定要一目了然,标识符使用名词。 方法使用动词2、var 、const、final的区别dart是一个强大的脚本类语言, 可以先不定义变量的类型;自动会倒推变量类型dart 中通过 var 来声明变量const 表示值不变,一开始就得赋值;final 不仅有const的特征,最重要的还是它运行时,永远不会改变。final原创 2021-05-24 11:00:18 · 225 阅读 · 0 评论 -
Flutter项目问题-更换应用图标报错
2021-5-10 flutter项目错误信息1、Flutter项目更换应用图标报错Attribute application@icon value=(@mipmap/start) from AndroidManifest.xml:5:9-37is also present at [:qrscan] AndroidManifest.xml:22:9-43 value=(@mipmap/ic_launcher).Suggestion: add ‘tools:replace=“android:icon”原创 2021-05-10 10:24:14 · 405 阅读 · 0 评论 -
推荐--flutter项目打包多平台(apk 、 ipa、windows平台、web端)
1、flutter项目打包 apk今天主要介绍一下flutter项目的打包流程:我们常用的 apk 打包命令是:flutter build apk我通过这个命令打出来的 apk 包体积会很大,今天测试了一下,大概一个空的flutter 工程打包出来有 15 MB但是我的工程打包出来有近 30MB正常来说,我的 代码和图片资源 大概只会有 5MB 左右。经过多方资料查阅,终于让我发现了一个可以打包出来跟空工程差不多大小的命令flutter build apk --target-platform原创 2021-05-08 17:22:56 · 4108 阅读 · 4 评论 -
flutter实现顶部向下弹框进行条件筛选
import 'package:flutter/material.dart';class OrderPage extends StatefulWidget { @override _OrderPageState createState() => _OrderPageState();}class _OrderPageState extends State<OrderPage> { bool flag=false;//控制是否显示顶部弹框//筛选布局的高度 dou原创 2021-04-02 10:01:41 · 2862 阅读 · 0 评论 -
flutter实现多语言之项目使用
1、所需要的依赖其实flutter项目中引入多语言文件的文章有很多,这个地方就不再仔细的说,这里主要是写一下我工作中遇到的多语言问题,以及我的解决方式。intl: ^0.17.0 #多语言2、使用(1)所有需要配置多语言的资源都放在 I10n 文件夹下面,这里只是英文(intl_en.arb)和中文(intl_zh_CN.arb),这两个.arb文件中存放的是Json格式的字符串,例如下面就是(测试、即将开放、重新登录的中英文配置啦)注意!!!冒号的左边原创 2021-03-25 14:18:41 · 880 阅读 · 0 评论 -
Flutter项目实现(空心,实心)饼状图
1、插件安装依赖:charts_flutter: ^0.9.0之后使用Pub get安装依赖2、插件使用在github上面的例子中,我们的饼图是在 StatelessWidget 里面写的,但是我们实际上经常使用的地方是有状态组件。其他的就不说了,直接上案例代码哈,大家对此案例如果有什么疑问的话,可以在评论区留言,我们一起讨论哦/// Donut chart with labels example. This is a simple pie chart with a hole in///原创 2021-03-01 11:13:24 · 1440 阅读 · 0 评论 -
flutter 中对图片的处理(选取和裁剪)的插件
文章目录1、安装依赖2、使用裁剪功能之前需要在AndroidManifest.xml文件中配置3、在页面上引入插件4、定义方法5、在点击上传的按钮调用 getImage注意:根据以上流程来的裁剪出来的图片是矩形的,因为插件中提供默认截取方式是矩形的。如果我们想要截出来的图片是圆形的,需要在ImageCropper.cropImage()增加一个cropStyle参数: cropStyle:CropStyle.circle问题:在使用flutter开发的时候,我们通常会遇到对图片的处理,比如:从相册中选取图原创 2021-01-25 18:29:09 · 3461 阅读 · 2 评论 -
Flutter项目问题(上传图片、时间格式、将组件生成图片并保存)
1.Flutter项目上传图片(例如更改头像)1)安装依赖包这个依赖包可以在官网上获取:地址 image_picker: ^0.6.7+172)引入文件import 'package:image_picker/image_picker.dart';import 'dart:io';3)选取图片【在需要上传图片的点击事件中使用这个方法】File _image;final picker = ImagePicker();Future getImage() async { var原创 2020-12-24 18:01:46 · 1293 阅读 · 1 评论