Flutter
文章平均质量分 67
西半球
好记性不如烂笔头
展开
-
Flutter - 安卓一次打包不同包名的apk
有时为了方便测试,同一个app需要在一个手机上装两个,直接改包名的话比较麻烦,这时可以通过添加flavor进行多维度打包,同一份代码可以设置不同的包名,app应用名称和应用图标。原创 2024-07-23 14:53:41 · 796 阅读 · 0 评论 -
Flutter - Material3适配
这时运行项目会发现有些UI效果和之前有点不一样,如果原本使用的是默认的主题色,此时会发现主题色已经发生变化,因为Material3的默认主题不再是蓝色,变成了紫色。根据需要打开并配置, 如果有基础组件也可以针对组件单独配置。也可以设置,不过可能需要多配置点东西。其中最重要的是设置主色调,在。flutter SDK升级到。其余的就是一些组件的设置了。设置主色调,当然通过。属性如果不设置默认为。设置整个项目的,对应。原创 2024-06-11 11:14:04 · 1355 阅读 · 0 评论 -
Flutter - 折叠面板
flutter 自定义折叠组件。原创 2024-04-26 11:11:04 · 1248 阅读 · 0 评论 -
Flutter - APP跳转高德、百度、腾讯、谷歌地图
这里介绍的是不需要自己开发地图,直接通过给定的经纬度,跳转到三方地图APP调用导航的方式一种是写的工具类,一种是通过调用三方库实现的官方文档:跳转高德导航 - 路径规划跳转高德导航跳转百度导航 - 路径规划跳转腾讯导航。原创 2023-10-20 15:13:53 · 2855 阅读 · 0 评论 -
Flutter - 底部多选弹框组件
有时需要弹框选择多个数据,因此写了个底部多选弹框组件支持搜索,设置默认选中数据,暗黑模式适配。原创 2023-10-09 10:23:58 · 1558 阅读 · 0 评论 -
Flutter - 波浪动画和lottie动画的使用
Lottie 是 Airbnb 开发的一款能够为原生应用添加动画效果的开源工具。具有丰富的动画效果和交互功能。原创 2023-10-09 10:13:29 · 1519 阅读 · 1 评论 -
Flutter - 微信朋友圈、十字滑动效果(微博/抖音个人中心效果)
一般APP都有类似微博/抖音个人中心的效果,支持上下拉刷新,并且顶部有个图片可以下拉放大,图片底部是几个tab,可以切换不同的页面,手指往下滑动时图片和标题(整个header)就变成导航条方便展示更多的信息。这里基本是通过TabBarTabBarView实现的,不过在项目中对其进行了封装,代码比较多,具体代码可以demo使用的两个三方库。原创 2023-07-30 09:14:52 · 614 阅读 · 0 评论 -
Flutter - 动画使用及自定义动画组件(tabbar跳动动画或文字抖动)
动画是指将一系列静态图像连续播放,形成一种视觉上的动态效果。在Flutter中,动画是通过对属性进行插值计算,逐步改变属性值,从而实现动态效果的。在Flutter中,动画是通过一系列的动画对象和控制器来实现的。动画对象通常是一个值的插值器,可以将一个值从一个范围映射到另一个范围。Flutter中提供了多种类型的动画对象,如Tween、Curve等。动画控制器则用于控制动画的状态和进度。控制器可以启动、停止、反转动画,并且可以监听动画的状态变化和进度变化。原创 2023-04-13 10:18:35 · 1114 阅读 · 0 评论 -
Flutter - 实现防抖和节流
函数节流(throttle)与 函数防抖(debounce)都是为了限制函数的执行频次,以优化函数触发频率过高导致的响应速度跟不上触发频率,出现延迟,假死或卡顿的现象是应对频繁触发事件的优化方案。原创 2023-04-10 17:10:36 · 2408 阅读 · 0 评论 -
Flutter - 快速点击弹出多个弹框优化
在 _showBottomSheet 方法中,如果底部菜单未打开,我们将 _isBottomSheetOpen 设置为 true,并调用 showModalBottomSheet 方法打开底部菜单。在 Flutter 中使用 showModalBottomSheet 弹出底部菜单时,如果用户快速点击多次会弹出多个底部菜单,这会影响用户体验。为了避免这种情况发生,我们可以使用一个 flag 来控制底部菜单是否已经打开,只有在底部菜单关闭之后才能再次打开。原创 2023-03-17 10:21:13 · 520 阅读 · 0 评论 -
Flutter - 导航条组件
Flutter - 导航条组件原创 2022-11-24 11:54:10 · 448 阅读 · 0 评论 -
Flutter - ListView/GirdView 上下拉刷新组件
Flutter - ListView/GirdView 上下拉刷新组件原创 2022-11-24 11:14:49 · 1128 阅读 · 0 评论 -
Flutter - APP主界面Tabbar保持页面状态
APP主界面每个模块的页面一般由底部tabbar+顶部导航 + 中间内容组成的。一般情况下,每个模块的页面初始化一次就可以了,每次都刷新的话不太友好。在didChangeDependencies判断currentIndex,以下代码添加了。这是通过IndexedStack保持页面状态的,还是改的build方法。如果需要在某个页面跳转返回到tabbar的指定页面,这里说一下在tabbar中保持页面状态的方式。如果不需要返回tabbar的指定页面,可以把。如果需要每次进入页面刷新得话,可以添加。原创 2022-09-15 15:21:50 · 1323 阅读 · 0 评论 -
Flutter - 图片/视频选择器(支持拍照及录制视频)
Flutter - 图片/视频选择器(支持拍照及录制视频)原创 2022-09-12 17:04:47 · 3757 阅读 · 0 评论 -
Flutter - 级联选择器组件(多维数组或树形结构、支持搜索)
Flutter - 级联选择器组件(多维数组或树形结构、支持搜索)二个级联选择器组件,支持两种不同的数据结构。一种是树形结构数据、支持搜索。一种是多维数组结构数据。原创 2022-09-12 16:25:48 · 3742 阅读 · 3 评论 -
Android - 添加自定义代码块
步骤如下:1 设置栏:File->setting(Mac Preferences),找到Live Templates2.点击右边的➕号 ,选中Live Template添加自己的自定义代码块,选中Template Group可以添加一个分组,再次点击 + 选中Live Template,添加自定义代码块3.添加自定义代码快在图中4的位置添加代码块到图中的5 时,点......原创 2019-07-19 17:36:53 · 711 阅读 · 0 评论 -
Flutter - Android打包与发版
本文介绍flutter项目,安卓端打包流程原创 2022-06-24 12:13:58 · 2596 阅读 · 0 评论 -
Flutter - 微信朋友圈效果实现
### demo 地址: https://github.com/iotjin/jh_flutter_demo####实现效果:appbar滚动颜色渐变,状态栏颜色切换背景图下拉放大图片9宫格展示图片全屏浏览,长按弹框效果图:代码import 'dart:convert';import 'package:flutter/material.dart';import 'package:flutter/services.dart';import 'package:jhto.原创 2020-09-18 10:34:58 · 2307 阅读 · 1 评论 -
Flutter - 微信运动排行榜效果实现
demo 地址: https://github.com/iotjin/jh_flutter_demo####实现效果:appbar滚动颜色渐变图片下拉放大效果图:代码import 'dart:convert';import 'package:flutter/material.dart';import 'package:flutter/services.dart';import 'package:jh_flutter_demo/base_appbar.dart';import '.原创 2020-09-11 16:42:31 · 524 阅读 · 0 评论 -
Flutter - 导航条图片下拉放大和渐变显隐效果
### demo 地址: https://github.com/iotjin/jh_flutter_demo效果图:代码import 'package:flutter/cupertino.dart';import 'package:flutter/material.dart';import 'package:jh_flutter_demo/base_appbar.dart';import 'package:jh_flutter_demo/jh_common/utils/jh_s.原创 2020-09-07 16:42:47 · 1886 阅读 · 0 评论 -
Flutter - 一个fultter练习项目(仿写微信UI、实现一些常用效果、封装通用组件和工具类)
### demo 地址: https://github.com/iotjin/jh_flutter_demo效果图:### demo 地址: https://github.com/iotjin/jh_flutter_demo原创 2020-09-03 18:39:51 · 1063 阅读 · 0 评论 -
Flutter - 数据本地存储(key,value进行AES加密处理)
demo 地址: https://github.com/iotjin/jh_flutter_demo数据存储使用的是 flustars存数据时先对key和value 进行加密处理,然后再存到本地,这样本地数据都是密文aes加密工具类 JhEncryptUtilsJhStorageUtils/** * jh_storage_utils.dart * * Created by iotjin on 2020/05/07. * description: aes 数据存储 ,封装第三.原创 2020-08-19 17:22:40 · 1448 阅读 · 0 评论 -
Flutter - AES256加解密封装(CBC + PKCS7)
### demo 地址: https://github.com/iotjin/jh_flutter_demoaes加密使用的是 encryptmd5使用的是 flustarskey的长度决定密文长度除了aes另外还有base64和md5加密方法jh_encrypt_utils/** * jh_encrypt_utils.dart * * Created by iotjin on 2020/08/18. * description: base64 , aes加解密.原创 2020-08-19 17:07:25 · 2910 阅读 · 0 评论 -
Flutter - 仿微信右上角pop弹框封装 - JhPopMenus
demo 地址: https://github.com/iotjin/jh_flutter_demo效果图:Examples样式1 - 带分隔线 // 带分割线不带背景 JhPopMenus.showLinePop(context, clickCallback: (index, selText) { print('选中index: ${index}'); print('选中text: ${selText}'); if (selText.原创 2020-08-17 11:59:00 · 1882 阅读 · 1 评论 -
Flutter - 弹框封装 - JhDialog
### demo 地址: https://github.com/iotjin/jh_flutter_demo效果图:Examples样式1 - 只有标题 JhDialog.show(context, title: "提示", onConfirm: () { print('点击确定'); JhToast.showText(context, msg: '点击确定'); }, onCancel: () { JhToast.showText(context,.原创 2020-07-28 15:41:56 · 391 阅读 · 0 评论 -
Flutter - 3D 标签云 效果实现
### demo 地址: https://github.com/iotjin/jh_flutter_demoFlutter伪3D旋转标签云(在此基础上改的)Flutter 31: 图解 TextPainter 与 TextSpan 小尝试Flutter 33: 图解自定义 View 之 Canvas (一)Flutter实现3D球效果图:调用import 'package:flutter/material.dart';import 'package:jh_flutter.原创 2020-07-10 12:02:39 · 650 阅读 · 0 评论 -
Flutter - dio 简单二次封装
### demo 地址: https://github.com/iotjin/jh_flutter_demoFlutter Dio简单二次封装和自定义HeaderFlutter Dio二次封装Flutter Dio封装与使用Flutter 封装 dio,支持 Restful ApiFlutter 网络请求框架封装结构apis 文件配置API 地址dio_utils 文件是对dio的封装error_handle 文件是异常处理http_utils 项目接口请求 管理类 .原创 2020-07-09 09:57:11 · 6094 阅读 · 0 评论 -
Flutter - 导航栏搜索框实现
demo 地址: https://github.com/iotjin/jh_flutter_demo效果图:代码import 'package:flutter/material.dart';import 'package:jh_flutter_demo/configs/colors.dart';import 'package:jh_flutter_demo/JhTools/JhFo...原创 2020-05-07 17:41:40 · 9482 阅读 · 1 评论 -
Flutter - TabBar 封装JhTopTabBar
### demo 地址: https://github.com/iotjin/jh_flutter_demo效果图:demo代码import 'package:flutter/material.dart';import 'package:jh_flutter_demo/JhTools/widgets/jhTopTabBar.dart';class TopTabBarT...原创 2020-05-07 17:36:52 · 273 阅读 · 0 评论 -
Flutter - 表单录入widget - TextField 封装
##### demo 地址: https://github.com/iotjin/jh_flutter_demo对TextField 简单封装JhTextFieldJhFormInputCellJhFormSelectCellJhLoginTextFieldJhSetCell###有以下几种效果:#使用方法:JhTextFieldJhTextFi...原创 2020-04-23 15:40:06 · 1047 阅读 · 1 评论 -
Flutter - 命令行运行提示 zsh: command not found: flutter
MacOS Catalina 10.15.4 ,flutter的命令失效, 提示 zsh: command not found: flutter据官方说,从 macOS Catalina 版开始,您的 Mac 将使用 zsh 作为默认登录 Shell 和交互式 Shell。您还可以在较低版本的 macOS 中将 zsh 设置为默认 Shell。##* 单次解决办法这种方法,只对当前...原创 2020-04-20 10:41:42 · 28360 阅读 · 3 评论 -
Flutter - 记录遇到的一些问题
1、 修改包名Could not find the built application bundle at build/ios/iphonesimulator/Runner.app.Error launching application on iPhone 11 Pro Max.错误的原因是在xcode中修改了display Name字段的名字 默认是Runner,将display N...原创 2020-03-17 15:44:01 · 8524 阅读 · 2 评论 -
Flutter - 修改原生部分配置
转自:https://blog.csdn.net/bowei1105/article/details/94451397包名Android 是在 android ▸ app ▸ src ▸ main ▸ AndroidManifest.xml 中修改package=“xxx.xxx.xxx”;以及在 android ▸ app ▸ src ▸ build.gradle中修改appl...转载 2020-03-17 15:39:53 · 624 阅读 · 0 评论 -
Flutter - 发布Package到Pub
引言自己发布 flutter弹框工具类 jhtoast 到 Pub,对发布到Pub的流程做个记录。####其实发布的流程不是很复杂,坑点主要在网络,需要科学上网工具进行辅助,终端也要设置代理,还需要一个谷歌邮箱账号,对于Gmail账号本人通过手机下载谷歌Paly商店进行申请解决手机号验证失败的问题###### Flutter篇 (三)发布package到 Dart社区...原创 2020-03-15 17:06:19 · 1120 阅读 · 0 评论 -
Flutter - AndroidStudio不显示New Flutter Project
勾上AndroidApkSupport然后重启Android Studio,欢迎页面和工程页面File->New下已经显示New Flutter Project菜单了。原创 2020-03-14 10:12:20 · 680 阅读 · 0 评论 -
Flutter - 卡在 Running "flutter pub get" in xxx ,解决方案
###### Mac端Flutter的环境配置看这一篇就够了###### Mac上安装配置Flutter###### Mac OS Flutter环境配置详解###### Flutter入门(mac环境变量配置)之前项目下载三方包没有问题,这两天一直下不下来,最终更换包地址,解决此问题,做个记录//命令行输入vim ~/.bash_pro...原创 2020-03-12 12:57:57 · 22720 阅读 · 6 评论 -
Flutter - flutter toast工具类 - JhToast
1原创 2020-03-10 18:06:25 · 246 阅读 · 0 评论 -
Flutter - okToast封装
###### demo 地址: https://github.com/iotjin/jh_flutter_demo使用版本#加载框 https://pub.flutter-io.cn/packages/oktoast#-readme-tab-oktoast: ^2.3.1+1包地址### oktoast packages地址使用方法//需要包裹 ...原创 2020-03-10 18:05:53 · 442 阅读 · 0 评论 -
Flutter - LoadingDialog
使用 showDialog( context: context, builder: (BuildContext context) { return LoadingDialog( title: "加载中...",// ...原创 2020-03-08 15:13:06 · 939 阅读 · 0 评论 -
Flutter - tabbar实现,去掉水波纹效果
代码import 'package:flutter/material.dart';import 'package:jh_flutter_demo/one/one_page.dart';import 'package:jh_flutter_demo/Two/two_page.dart';import 'package:jh_flutter_demo/Three/three_page.dart...原创 2020-03-08 12:07:26 · 2880 阅读 · 0 评论