- 博客(240)
- 资源 (60)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 Flutter 常用插件Plugin整理并附带实例
在日常开发中，整个demo目前应该满足大家所有的开发需求，例如：http请求、列表刷新及加载、列表分组、轮播图、视频播放器、图片预览等等。如果此demo内容功能满足不了大家开发需求，大家可以在评论区或者私信我，我后面会给大家提供对应功能的插件介绍和使用。最近有点空闲时间，正好写一篇文章，整理一下我们在Flutter开发中常用的插件Plugin使用并附带上实例。好了今天这些内容就不做过多介绍了，大家可以直接下载对应的demo，所需积分是0积分，大家可自行下载。
2024-03-27 11:23:53
530
原创 Flutter GetX 之 暗黑模式
我们紧接上篇文章，今天继续讲解一下强大的的另一个功能，就是，在开始苹果的应用慢慢的都开始适配，andr。oid 也慢慢的 开始跟进，截止到目前，商店的大部分应用都已经完成了的适配。原生开发为我们提供对应的 API，那么Flutter呢？从上面代码可以看出，我们需要创建对应的主题颜色数据，具体都定义哪些我们可以查看ThemeData源码，这里就不做过多介绍了。下面我着重讲解一下GetX 如何完成暗黑模式的适配。
2024-02-26 11:37:00
660
原创 Flutter GetX 之 国际化
打开插件网站，搜索 get 插件 进行引用Flutter 插件社区然后执行pub get进行引用。
2024-01-16 14:56:24
486
原创 Flutter DateTime 常用处理
今天介绍一下的一些常用功能，对其进行一个整理。最近在开发过程中好多时候都会使用到时间方面的方法，心想还是统一处理一下，封装一个管理类，这个类可以满足我们开发过程中常用的时间方法。今天正好整理了一下，写一篇博客，贴出来分享一下，如果大家有需要可直接复制粘贴即可。是我们常用的一个功能，在和服务器打交道时，将时间戳转成时间展示，将时间转成时间戳传给服务器等方法。在介绍功能时，我需要介绍一下插件。这个是一个时间格式处理工具，是我们在开发过程中时间方面常用的插件，下面是 插件网址介绍。
2024-01-10 16:26:09
699
原创 Flutter GetX 之 状态管理
打开插件网站，搜索 get 插件 进行引用http://Flutter 插件网然后执行pub get进行引用。
2024-01-09 13:54:18
1440
原创 Flutter GetX 之 路由管理
路由管理是插件GetX常用功能之一，为什么说之一呢？因为GetX的功能远不止路由管理这么简单。其实上面功能介绍的还是不够详细，GetX还支持网络请求等今天主要介绍一下GetX的路由管理首先需要将Flutter项目入口替换成GetX提供的，代码示例如下：旧新接下来就是创建路由管理类下面是路由管理类的完整代码我们将路由管理设置完以后，下面就是路由注入了，注入代码简单，便是将pages放入到的getPages中即可。到此就完成了路由管理的配置，下面介绍一下路由的使用，介绍方式将会以使用优先级介绍。
2024-01-05 16:15:22
963
1
原创 Flutter dio Http请求之Cookie管理
首先，我们创建一个Cookie管理类CookieHandle，具体实现方式和解释会在代码中进行详解。的使用网上有很多详细资料，这里就不做过多介绍，这里着重讲解一下。进行验证，今天我们就着重讲解Flutter 网络请求插件。在应用开发过程中，我们进行Http通讯时会使用。上述便是Cookie的保存、获取和删除。到此我们就完成了Cookie的所有用法。那我们在dio中如何使用呢。首先，我们要进行插件引用。引用完，我们执行以下命令。
2023-11-21 11:52:48
1092
原创 Flutter NestedScrollView 、SliverAppBar全解析，悬浮菜单的应用
上述便是通过NestedScrollView 、SliverAppBar实现的效果，通过两个控件我们便可以实现上述的效果。在我们开发过程中经常会使用到悬浮菜单的使用，当我们滑动到指定位置后，菜单会自动悬浮。以上便是菜单悬浮的效果实现，注释写的很详细，直接粘贴复制即可实现。
2023-11-17 15:11:33
982
原创 Flutter Dio 网络框架的二次封装
4、支持通过传递 解析方法，对数据进行解析，出现异常并捕获异常。1、支持get、post、put、delete 四种请求方式。请求类和模型类创建完成后，下面就是使用了。到此完成了dio的网络框架的二次封装。2、支持文件上传并获取上传进度。3、支持最大重试请求次数。创建一个Model类。
2023-07-31 19:30:53
169
原创 Flutter MQTT连接并使用
下面就是我对Flutter MQTT 的简单实用并，这里为方便大家使用 ,我封装了一个MQTT管理类，代码如下，功能介绍也写在 代码注释中。以上就是MQTT工具类的封装，每个方法都有对应的注释，具体都什么作用就不做过多介绍，下面着重介绍一下使用。注意：Flutter 开发环境为 2.8.0,如果版本 存在差别，要略微 修改。再开过程中我们经常使用到MQTT 进行 订阅，来进行 消息的发送、接受等操作。到此就完成了MQTT封装和使用，希望对大家有所帮助。
2022-09-07 14:04:49
1406
1
原创 Flutter 自定义导航
在开发过程中我们100%会使用到导航，当然Flutter也为我们提供了导航控件，但是自带的往往没有没有那么灵活，所以这个时候就需要我们自定义一个导航，下面就给大家讲解如果绘制一个简单的自定义导航。我们还是通过代码的方式来讲解我这里给自定义导航类命名为TitleNavBar.dartimport 'package:flutter/material.dart';class TitleNavBar extends StatefulWidget { String leftString.
2022-02-07 15:24:26
2070
原创 Flutter 编写插件flutter_plugin（包含Android、iOS）实现过程
随着Flutter 日渐成熟，使用Flutter 也越来越多，作为一个跨平台的语言，他的展示效果和操作流畅度 可以和原生媲美，这也Flutter 越来越受欢迎的原因。虽然Flutter 越来越强大，但是总有一些力不从心的时候，现在大厂开发的SDK 如 极光推送、地图 等插件 并没有提供 Flutter 版本，而我们使用的插件也是 一些开发者自己进行实现的，而对于一些冷门的插件，是根本没有，但是在开发过程中我们又要使用到。这个时候我们就要自己写一些插件了。下面我们就要通过iOS、Android 、Fl
2022-01-25 11:40:27
9540
2
原创 Android 创建Keystore 、jks
Keystore 为 Eclipse 打包生成的签名jks 为 Android Studio 打包生成的签名下面我参照晓庄大佬 写的，想看大佬的内容可以点击命令行创建 Android Keystore 、jks密钥文件进行查看。创建 jks 命令打开终端 输入以下命令keytool -genkey -v -keystore izpan.jks -alias izpan -storepass 123456 -keypass 123456 -keyalg RSA -keysiz...
2021-12-08 14:00:05
3665
原创 iOS Swift UI 绘制第一个UI界面
Swift UI 简介苹果开发者大会 WWDC 2019 在北京时间今天凌晨开幕，对于开发者来说最吸引人的就是新发布的 SwiftUI ，在 苹果公司软件工程高级副总裁Craig Federighi的演示中，我们可以轻松地把一百行的前端代码缩减到十几行。Swift UI 特点1、省略了很多逗号，return，中括号等，声明式编程2、出现了 很多关键词 例如 Some 等3、终于使用 Flex Box 布局了4、出现了 PreviewProvider 类似 安卓的xml 提供预览数据5、支
2021-10-09 10:12:34
1947
原创 iOS 15提示“此App的开发者需要更新APP以在此IOS版本上正常工作”
https://www.icode9.com/content-4-1027049.html
2021-09-23 10:32:29
38035
2
原创 Flutter WebSocket
再开发过程中我们经常会使用到WebSocket，而插件库为我们提供了一个使用非常方便的插件web_socket_channel我们需要根据自己的Flutter 版本选择对应的即可web_socket_channel: ^1.1.0在pubspec.yaml中我们引入，然后pub get 一下pub get到此就完成插件的引用。下面就是使用了官网的代码使用import 'package:web_socket_channel/web_socket_channel.dart
2021-09-18 13:28:27
2311
3
原创 Flutter 实现pdf、word、excel、png、ppt等文件预览功能
在开发过程中，我们很少会遇到预览pdf、word、excel、png、ppt等文件的功能，但是很巧的本人就遇到了，由于第一次使用这个功能，着实是让人挠头啊，最后终于得到解决。其实实现预览功能很简单，Flutter的插件库就为我们提供了很好的插件flutter_full_pdf_viewer: ^1.0.1官网给的文件import 'dart:async';import 'dart:io';import 'package:flutter/foundation.dart';impor
2021-09-15 16:03:06
9043
5
原创 Flutter 图片、视频上传
在开发过程中，我们经常会用到图片上传，有的时候还要视频上传，那我们如何实现图片和视频上传呢？这里我们要想实现这些涉及到几个插件 dio: 3.0.8 dio_cookie_manager: 1.0.0 fluttertoast: ^3.1.3 image_picker: ^0.6.3+1 permission_handler: ^5.0.1+1添加完这几个插件我们需要 pub get 一下。注意：fluttertoast这个插件是一个提示框，如果不使用，不用引用也可以
2021-08-26 16:56:47
3619
3
原创 Flutter 网络图片的缓存和加载
大家在开发过程中又的时候需要展示网络图片，这个时候大多数开发直接通过系统的Image直接展示就完事了，但是由于我的这个项目图片有类似于朋友圈的功能，图片可以无限制的上传，如果用户数量很庞大，同事加载图片的展示，读服务器的带宽要求非常高。那我们如何合理的解决这个问题呢，就是图片的缓存，这个缓存不是说临时的缓存，可以说是下载，缓存当我们把APP后台杀死后还是会重新再次加载图片，只是起到一个临时混存的作用，这样做没有起到很大的作用。我们要求的是，只要APP打开，这个图片只要请求一下，以后只要在此使用这个图
2021-08-26 15:56:36
2010
原创 Flutter 加载Https网络图片
在开发过程中，我们经常会加载网络图片，Flutter 其实已经为我们提供了网络图片的加载方法，我们只需要使用即可。例如：Container( //展示动态图片 margin: EdgeInsets.fromLTRB(0, 10, 50, 10), width: 80, height: 80, decoration: BoxDecoration( image: Decora
2021-08-26 15:22:14
1302
原创 Flutter 实现微信朋友圈功能
今天给大家实现一下微信朋友圈的效果，下面是效果图下面还是老样子，还是以代码的方式进行讲解import 'package:dio/dio.dart';import 'package:flutter/cupertino.dart';import 'package:flutter/material.dart';import 'package:nursery_school_gardener/view/main/dynamic/FriendView/FriendCell.dart';clas
2021-07-27 19:43:37
1660
8
原创 Flutter 抽屉效果
在开发过程中我们可能会用到抽屉效果，弹出的界面我们可以进行很多操作，在原生开发中相比大家对这都不陌生，那么Flutter中抽屉效果是如何实现的呢？首先感谢两位大佬提供资料，两位大佬的博客分别为大队辅导猿、rhyme_lph。如果也可以看一下两位大佬的详细接收，我这里只介绍实现和使用，下面先上效果图。这个我们主要使用的Flutter提供的组件就是drawers，那我们具体如何实现呢，由于直接使用drawers，会出现指定抽屉宽度，无法进行修改宽度，这里我就要处理一下。下面还是老样子，我直接上.
2021-07-17 15:51:14
2090
1
原创 Flutter （仿微信通讯录）按字母分组列表
再开发过程中我们经常会用到按字母顺序将名称惊醒分组，并且在列表最右侧有指示器，效果图如下。这个效果也是我参照一位大佬的博客才实现的，不过忘记了大佬博客的链接，还是很感谢这位大神的。下面是我自己整理的代码和效果。今天我们就来讲解一下这个效果的实现，还是老规矩，直接上代码讲解，这里我是通过三个类来实现的，分别主页ChildrenList、右侧指示器IndexBar还有一个数据模型类Friends。首先讲一下Friends数据模型类class Friends { final String i
2021-07-16 17:19:58
2651
3
原创 Flutter TextField跟随键盘弹出和收回（类似于今日头条的评论）
在开发过程中，我们会遇到输入框跟随键盘上下移动的效果（例如今日头条，当我们点击评论框时候，评论框会自动跟随键盘上移或收回），在原生开发这个效果很简单，那么Flutter如何实现呢？向上一下效果图编辑前：编辑后：那么这项过如何实现呢？废话不多说直接上代码Container( child: AnimatedPadding( padding: MediaQuery.of(context).viewInsets, //边距（必要） .
2021-07-07 14:08:22
4913
1
原创 Flutter 打包iOS包出现 ld: bitcode bundle could not be generated because
在开发过程中我们在打包iOS项目的时候可能会出问题意想不到的问题，这不今天就被我遇到了一个问题ld: bitcode bundle could not be generated because 我这里就粘贴出这么一段，其实还很长，这个问题在跑虚拟机上并没有发现，可是在打包的时候却出现，由于我在干Flutter项目之前是开发iOS的所以这个问题非常好定位。只要找到下面的蓝框内容就改成NO即可将Enable Bitcode 变成NO即可我以为到这里就完成了，再次打包才发现，确实是我以为
2021-06-30 15:16:39
1226
原创 Flutter 下拉刷新、上拉加载flutter_easyrefresh的使用
在开发过程中我们经常使用到列表，而使用列表我们就很容易使用到下拉刷新和上拉加载。而这个时候我们就可以使用大佬为我们封装好的插件进行更加方便的使用。今天向大家介绍的插件是flutter_easyrefresh，flutter_easyrefresh在我们开发中使用还是比较多的，下面给大家介绍一下flutter_easyrefresh先附上两张效果图，分别是刷新和加载下面就是集成首先我们先导入自己所需要的使用的插件版本，如果插件版本和Flutter版本对应不上，会提示错误，我们根据.
2021-06-29 20:42:58
10703
7
原创 Flutter 轮播图flutter_swiper的使用
在开发应用过程中，轮播图的使用是必不可少的，其实有很多大神已经帮我们写好了，我们没有必要自己再去开发。而开发过程中我最常使用的就是flutter_swiper这个插件
2021-06-18 16:01:28
3998
1
原创 Flutter 金钱输入框，时时判断输入内容符合金额形式
在开发过程中，涉及到支付或者提现等功能，我们都会对输入框里的内容进行处理，判断输入的内容是否符合金额形式，如果不符合我们要根据输入的内容作出相应的判断，例如禁止继续输入huo tan chu...
2021-06-10 16:03:45
1531
原创 iOS View添加四周阴影
在开发过程中，给一个View添加阴影效果可能会经常遇到，那我们如何实现一个简单的阴影效果呢？代码如下：/// 添加四边阴影效果+ (void)addShadowToView:(UIView*)shadowView{ shadowView.layer.masksToBounds = NO; shadowView.backgroundColor = [UIColor whiteColor]; shadowView.layer.shadowColor = [UIC
2021-06-02 10:10:10
1746
原创 Flutter 学习之路（十三）获取手机权限
使用Flutter开发APP中当然会使用到获取手机权限的问题，例如：获取相机权限、相册权限、蓝牙权限等。那我们Flutter中如何获取手机权限呢？其实已经有人为我们处理好了权限获取问题，我们要做的就是s...
2021-06-01 17:05:41
4287
7
原创 Flutter 学习之路（十二）Flutter时间管理类
在开发Flutter项目中，我们经常会使用到获取时间等方法，下面就是我整理的一些获取时间的方法创建一个时间管理类，名字为DateUtils
2021-06-01 16:51:50
851
原创 Flutter 学习之路（十一）Flutter与原生互相调用
从事Flutter开发过程中，有的时候Flutter的功能明显是不够用的，这个时候就要使用Flutter调用原生或者原生调用Flutter了。那么我们如何进行Flutter和原生代码之间的互相调用呢？其实Flutter已经为我们提供了对应的方法，我们只需要按照步骤进行实现就行了。Flutter为我们提供了三种与原生互动的方式1、MethodChannel 用于 Flutter 与 原生平台之间函数的互相调用 2、BasicMessageChannel 它传递的是字节数.
2021-06-01 13:58:39
3178
1
原创 Flutter 自定义导航
上篇文章我们讲到了自定义底部分栏控制器的使用，在开发过程中我们100%会使用到导航，当然Flutter也为我们提供了导航控件，但是自带的往往没有没有那么灵活，所以这个时候就需要我们自定义一个导航，下面就给大家讲解如果绘制一个简单的自定义导航。我们还是通过代码的方式来讲解我这里给自定义导航类命名为TitleBar.dart下面就是自定义导航的实现，具体原理都写在注释里import 'package:flutter/cupertino.dart';import 'package:flutt.
2021-05-21 15:39:30
385
原创 Flutter 学习之路（九）底部分栏控制器
上一篇我们讲了登录页面的简单实现，其实在开发开发过程中，我们会经常使用到分栏控制器，也就是iOS中的UITabBarController。先给大家看一下效果图。其实实现这个效果很简单，下面我依旧使用代码的方式来讲解import 'package:flutter/cupertino.dart';import 'package:flutter/services.dart';import 'package:flutter_app/main/home/Home.dart';import 'pac
2021-05-08 10:46:24
530
原创 Flutter 学习之路（八）登录页面布局及业务逻辑
上一讲我们说到了main.dart页面跳转到到登录页面，那么今天就讲一下一个完整的页面逻辑是如何实现的。还是和上面一样，我们通过代码讲解的方式来实现import 'package:flutter/cupertino.dart';class Login extends StatefulWidget { @override _LoginState createState() => _LoginState();}class _LoginState extends State&l
2021-05-07 17:23:04
1204
原创 iOS Swift RxSwift-结合操作符（七）
今天我们继续讲解RxSwift中结合操作符的使用。结合操作符一共包含了六种，分别是startWith、merge、zip、combineLatest、withLatestFrom和switchLatest1、startWith它的作用就是会在 Observable 序列开始之前插入一些事件元素。即发出事件消息之前，会先发出这些预先插入的事件消息。代码如下： func startWith() { // 该方法会在 Observable 序列开始之前插入一些事件.
2021-05-07 13:36:56
408
原创 Flutter 学习之路（七）main.dart
今天我们来讲解一下main.dart，main.dart可以说应用运行起来的第一个类，在这里我们需要根据功能需要，可以做很多事情，例如：应用跳转的第一个页面，推送、地图等的注册，都可以在这里实现。今天我先来讲一下基本使用，就是页面的跳转，例如：首次登录跳转到登录页面等等，有了首个操作页面我们才能更好的往下进行。我们先来看一下创建Flutter项目时代的源码import 'package:flutter/material.dart';void main() { //这里我们可以初始化各种数据
2021-05-07 11:20:16
1503
3
原创 iOS Swift RxSwift-条件和布尔操作符（六）
上篇我们讲解的RxSwift-变化操作符，那么我们今天讲解一下RxSwift-条件和布尔操作符。条件操作符一共是五种，分别是Amd、TakeWhile、TakeUntil、SkipWhile、SkipUntil第一种、Amd当传入多个 Observables 到 amb 操作符时，它将取第一个发出元素或产生事件的 Observable，然后只发出它的元素。并忽略掉其他的 Observables。使用如下：func RxSwiftAmd() { // 当传入多个
2021-04-27 20:37:32
403
原创 iOS Swfit RxSwift-变化操作符（五）
从本篇开始开始讲解RxSwift的一些操作符（变化操作符、条件和布尔操作符、结合操作符等）。今天我们主要讲解的就是变化操作符变化操作符主要包括了8种，分别是Buffer、Window、Map、FlatMap、FlatMapLatest、ConcatMap、Scan、GroupBy下面我们开始讲解每一个操作符的使用。1、BufferBuffer 本称为缓冲集合，可以设置制定时间、缓存多少数据，然后发出数据，当然如果不够的也会发出数据。举个例子： func RxSwiftB.
2021-04-23 13:22:29
462
swift mvvm
2018-03-15
Swift、RxSwift、MVVM
2024-01-08
RxSwift-mvvm.zip
2021-04-23
Xcode升级10之后，ReactNative报错
2019-05-22
TA创建的收藏夹 TA关注的收藏夹
TA关注的人