Flutter
文章平均质量分 76
追逐蓦然
一步一个脚印
展开
-
flutter-----指纹识别
指纹识别前言技术栈实例代码分析引入依赖编写简单的指纹识别小实例设置配置项androidIOS总结前言最近在家里也比较闲,所以就是研究研究自己没有涉及到的功能。今天就是在这里跟大家分享一下Flutter完成指纹识别功能技术栈local_auth: ^0.3.0实例代码分析引入依赖编写简单的指纹识别小实例import 'dart:async';import 'packag...原创 2020-02-13 13:54:55 · 2472 阅读 · 1 评论 -
Flutter开发--------动态表格
动态表格前言准备工具实现界面实例代码分析数据处理表格处理行列处理请求接口和调用表格函数页面完整代码前言工作中,都会有这样子的需求,就是一张表格的行列都是动态生产的。博主最近也遇到了这个需求,一直研究了一个星期,总算写出来了。现在在这里和大家分享一下。准备工具这套课程是采用VScode进行开发的。当前在此之前请准备好Flutter开发环境,我这里就不进行讲解了。实现界面下面表格...原创 2019-06-06 14:32:13 · 5565 阅读 · 4 评论 -
Flutter开发--------点击图片放大
动态表格前言准备工具实现界面实例代码分析数据处理表格处理每一行处理页面完整代码前言工作中,都会有这样子的需求,首先是小图片,在点击图片然后可以放大查看。准备工具这套课程是采用VScode进行开发的。当前在此之前请准备好Flutter开发环境,我这里就不进行讲解了。实现界面首先是一个列表的展示实例代码分析这里实例的特点是: UI和数据进行分离,使用到了状态管理。技...原创 2019-06-09 21:26:56 · 9753 阅读 · 5 评论 -
Flutter开发--------数据图表处理(一)
数据图片处理前言实现效果实例代码分析引入插件具体的代码前言现在很多的东西都和大数据结合起来,因此许许多多的app里面也要做数据图表的处理。今天博主就在这里分享一个插件,也是最近才发现的。感觉比之前分享的结合echarts好多了。实现效果1.折现数据图实例代码分析引入插件dependencies: flutter: sdk: flutter # The fo...原创 2019-07-08 13:27:26 · 5571 阅读 · 7 评论 -
Flutter开发--------结合echart
图表echart前言准备工具实现界面实例代码分析放置echart的文件主文件编写前言前一段时间,就在苦恼flutter的图标问题,今天逛github的时候,发现有人开发了一个插件来对接echert准备工具这套课程是采用VScode进行开发的。当前在此之前请准备好Flutter开发环境,我这里就不进行讲解了。实现界面首先是一个列表的展示实例代码分析这个实例使用到了fl...原创 2019-07-03 16:52:12 · 9869 阅读 · 8 评论 -
Flutter开发--------自定义弹出框
自定义弹出框前言实例代码分析前言现在flutter给的弹出框退出按钮是固定在一个地方的。而项目需求的是要随机点击一处可以退出。所以要我们自定义弹出框实例代码分析Future myDialog(context){ return showDialog<Null>( context: context, barrierDismissible: f...原创 2019-07-09 15:23:42 · 3115 阅读 · 0 评论 -
Flutter开发--------PageView讲解
PageView前言实现效果实例代码分析前言之前没有怎么研究PageView这个组件,这三天因为工作需求,所以接触到这个组件中,有了深刻的认识,所以打算记录一下并且和大家分享一下实现效果1.类似于微信Android机左右滑切换页面,效果如下图所示2.是动态加载页面实例代码分析1.PageView本身就可以实现上图所示的效果2.动态加载加载页面的代码核心代码...原创 2019-07-05 15:15:05 · 4175 阅读 · 0 评论 -
flutter开发-------渐变appBar
渐变appBar前言实现效果展示实例代码分析全部代码前言再蛮多的项目中,不喜欢一开始页面中就出现appBar,而当我们拉到一定的高度之后,appBar才会出现—这个就是渐变appBar实现效果展示实例代码分析1.状态监听(监听滑动的高度)NotificationListener( //状态监听 onNotification: ...原创 2019-07-05 17:03:45 · 1172 阅读 · 0 评论 -
Flutter开发--------底部留言板
底部留言板前言主要技术实例代码分析初始化封装全部代码前言现在大家基本上都会去接触抖音那款app,其中抖音中的留言区域的效果也是要前几天工作的需求,看了网上对这块并没有什么博客介绍。只能自己封装编写了。主要技术其实这个技术就是运用了动画这个功能封装实现的实例代码分析初始化封装 /*初始化状态*/ initState() { super.initState(); ...原创 2019-07-19 11:14:18 · 1033 阅读 · 0 评论 -
Flutter开发-------ListView嵌套ListView
ListView嵌套ListView前言实例代码分析前言在实际开发中,我们经常碰到ListView中嵌套ListView实例代码分析 return Scaffold( body: ListView( scrollDirection: Axis.vertical, children: <Widget>[ ...原创 2019-07-24 13:53:04 · 11454 阅读 · 1 评论 -
Flutter开发-------App调用高德地图
App调用高德地图前言技术栈实例代码分析前言现在市面上的app中,有许多的app已经实现了:点击按钮跳转到高德,百度等第三方app进行操作。今天我们就来实现这个效果技术栈url_launcher: ^5.1.1实例代码分析实现的代码不难,不要是自己去查找资源,本博客以高德为例子,高德官方查找等多的资料 import 'package:flutter/material.da...原创 2019-07-30 13:16:41 · 8179 阅读 · 1 评论 -
Flutter开发-------侧滑删除
侧滑删除前言主要技术实现效果实例代码分析叠层的使用状态管理的使用控制按钮的布局和动画列表布局代码前言昨天的一个需求,需要完成侧滑删除这个功能,现在Dismissible的功能需求满足不了现在的项目需求,就自己封装一个小组将主要技术涉及到叠层,动画,状态管理实现效果实例代码分析叠层的使用 child: Stack( children...原创 2019-07-23 10:43:36 · 2976 阅读 · 0 评论 -
flutter-----状态管理provider
provider前言技术栈实例代码分析状态管理器在主函数中集成provider使用provider前言之前我都是用provide,不过这个已经被谷歌抛弃了,所以今天博主就去学习了provider,现在写一篇博客,分享给大家学习技术栈provider: ^3.0.0+1实例代码分析状态管理器import 'package:flutter/foundation.dart';c...原创 2019-08-06 09:40:13 · 699 阅读 · 0 评论 -
flutter开发----右滑返回上一页
右滑返回上一页前言准备工具小实例开发流程增加关键代码路由跳转新的页面前言现在的app为了提高用户的体验感,都实现了右滑返回上一页的效果,今天就用flutter实现准备工具这套课程是采用Android Studio进行开发的。当前在此之前请准备好Flutter开发环境,我这里就不进行讲解了。小实例开发流程增加关键代码其实这个效果十分的好实现,就增加一句代码platform: ...原创 2019-05-27 14:22:11 · 6687 阅读 · 1 评论 -
flutter开发----播放文本功能
播放文本功能前言准备工具导入插件小实例开发流程ttr工具类景区语音界面主页面跳转子页面重点内容前言现在许多的景区都采用了语音介绍了,就想用flutter来实现这个功能。今天我就找个一个插件来使用这个---------tts准备工具这套课程是采用Android Studio进行开发的。当前在此之前请准备好Flutter开发环境,我这里就不进行讲解了。展示结果导入插件首先...原创 2019-05-17 16:04:33 · 2078 阅读 · 9 评论 -
flutter插件开发学习之旅(3)-------检测蓝牙状态和打开蓝牙实战
检测蓝牙状态和打开蓝牙实战前言准备工具实战开始前言经过上二篇的学习,大家基本上应该明白flutter插件开发的基本流程。这篇博客就来一次实战吧,我曾经百度过,还没有关于蓝牙的插件。但是我们开发关于蓝牙的项目,就研究了flutter调用原生蓝牙api,在这个给大家分享一下。准备工具这套课程是采用Android Studio进行开发的。当前在此之前请准备好Flutter开发环境,我这里就...原创 2019-04-08 08:30:45 · 16526 阅读 · 3 评论 -
flutter插件开发学习之旅(5)-------Flutter集成百度地图实现地图展示
Flutter集成百度地图实现地图展示前言准备工具手动编写实战啦展示效果前言经过上个实战,有人跟我说要弄一个集成百度地图的实战。我就放在心上了,花了一天的时候,终于把这个实战弄好了,网上是有一些资源的,但是我感觉还是有点不好,单单看他的文章是做不出来的,今天我就写的详细点。准备工具这套课程是采用Android Studio进行开发的。当前在此之前请准备好Flutter开发环境,我这里...原创 2019-04-11 16:21:01 · 14944 阅读 · 18 评论 -
flutter插件开发学习之旅(2)-------参数传递及返回
参数传递及返回前言准备工具手动填写一个demo前言经过上一篇的学习,大家基本上应该明白flutter插件开发的基本流程。这篇博客主要讲解参数传递及返回准备工具这套课程是采用Android Studio进行开发的。当前在此之前请准备好Flutter开发环境,我这里就不进行讲解了手动填写一个demo在flutter_plugin.dart添加一个方法sayHellostati...原创 2019-04-02 21:06:26 · 2285 阅读 · 0 评论 -
flutter插件开发学习之旅(4)-------检测GPS状态,打开GPS和显示经纬度实战
检测GPS状态,打开GPS和显示经纬度实战前言准备工具实战开始前言经过上一篇的学习,大家学习到蓝牙的实战,这节课我们给大家分享Flutter调用原生API实现检测手机GPS状态和打开GPS;再打开GPS之后实现显示当地经纬度准备工具这套课程是采用Android Studio进行开发的。当前在此之前请准备好Flutter开发环境,我这里就不进行讲解了实战开始在lib/main....原创 2019-04-09 13:49:32 · 6842 阅读 · 5 评论 -
flutter插件开发学习之旅(6)-------双平台初始插件开发原理
初识插件开发原理前言准备工具手动填写一个demoAndroid端插件IOS端插件前言前段时间因为时间有限就只有弄android端的,今天腾出一些时间,终于把android和ios端的都弄出来了,准备写一篇博客供大家学习,准备工具这套课程是采用Android Studio和xcode进行开发的。当前在此之前请准备好Flutter开发环境,我这里就不进行讲解了。一些基础的知识,请到我的初...原创 2019-04-20 19:12:54 · 444 阅读 · 0 评论 -
flutter插件开发学习之旅(7)-------双平台参数传递
参数传递前言准备工具Android部分IOS部分前言经过上一篇的博客,大家应该都清楚ios和android的插件开发的原理,这节课我们就来讲讲怎么参数传递的准备工具这套课程是采用Android Studio和xcode进行开发的。当前在此之前请准备好Flutter开发环境,我这里就不进行讲解了。Android部分其实Android的参数传递我之前有一篇博客已经写好了,大家直接...原创 2019-04-21 20:13:24 · 613 阅读 · 0 评论 -
Flutter实战开发(1)------实现条形码和二维码扫描
实现条形码和二维码扫描前言准备工具引入插件具体实现前言前几天突发奇想就想做一个扫描二维码和条形码的demo,查阅了一些资料,发现有qrscan这个插件可以实现,就自己写了一个例子,供大家学习.准备工具这套课程是采用Android Studio进行开发的。当前在此之前请准备好Flutter开发环境,我这里就不进行讲解了。引入插件到pubspce.yaml中导包depende...原创 2019-04-23 10:47:41 · 14167 阅读 · 11 评论 -
Flutter实战开发(2)------实现条形码扫描获取商品信息
实现条形码和二维码扫描前言准备工具配置后端接口编写调用接口方法页面布局前言上一篇博客就大致讲了一下qrscan这个插件的使用,没有具体的实现,这篇博客就来个实战吧,来做一个反盗版商品的例子准备工具这套课程是采用Android Studio进行开发的。当前在此之前请准备好Flutter开发环境,我这里就不进行讲解了,基础知识请到条形码和二维码扫描这篇博客学习配置后端接口本次项目...原创 2019-04-23 18:41:33 · 7051 阅读 · 0 评论 -
flutter插件开发学习之旅(8)-------键值对处理
键值对处理前言准备工具IOSAndroidConstraintsMap类ObjectType 枚举值FlutterPlugin1PluginFlutterFlutter调用底层flutter布局前言经过这个系列的上一篇博客,大家学习到了怎么参数传递,不过现在的参数传递大部分都是用键值对的,那么今天我们就学习一下怎么把参数进行键值对处理。准备工具这套课程是采用Android Studi...原创 2019-04-28 17:38:59 · 735 阅读 · 0 评论 -
Flutter for web 环境搭建
Flutter_for_web 环境搭建简介升级FlutterSDK获取项目配置环境运行简介昨天Google大会的时候,发布了Flutter for web,不过现在还是预览版,但是我发现很多小伙伴还是希望去接触一下,所以打算写这篇博客,帮助大家成功搭建环境升级FlutterSDK首先将Flutter SDK升级到最新的版本 使用命令flutter upgrade 建议在网速比较好的...原创 2019-05-09 10:16:49 · 2721 阅读 · 4 评论 -
flutter开发----多屏开场介绍页面制作
多屏开场介绍页面前言准备工具导入插件和相关图片小实例开发流程介绍页面制作前言现在的app一打开都是有许多的介绍页面,所以今天我就分享这个功能的介绍准备工具这套课程是采用Android Studio进行开发的。当前在此之前请准备好Flutter开发环境,我这里就不进行讲解了。导入插件和相关图片首先导入我们的插件intro_views_flutter: ^2.3.0 a...原创 2019-05-19 20:06:05 · 1228 阅读 · 0 评论 -
flutter开发----单屏开场介绍页面制作
单屏开场介绍页面前言准备工具小实例开发流程介绍页面制作主函数前言现在的app一打开都是有只有页面,所以今天我就分享这个功能的介绍准备工具这套课程是采用Android Studio进行开发的。当前在此之前请准备好Flutter开发环境,我这里就不进行讲解了。小实例开发流程介绍页面制作import 'package:flutter/material.dart';import '...原创 2019-05-20 14:41:39 · 608 阅读 · 0 评论 -
flutter开发------图表的使用
图表的使用前言准备工具项目结构引入插件数据处理定义数据类型数据源类图表构建组件前言因为公司又项目的需求,所以研究了一些flutter集成图表,在这里做一个笔记,跟大家分享一下,准备工具这套课程是采用Android Studio进行开发的。当前在此之前请准备好Flutter开发环境,我这里就不进行讲解了。项目结构引入插件到pubspec.yaml引入插件charts_flu...原创 2019-05-11 19:06:56 · 4208 阅读 · 1 评论 -
flutter开发----图标库的使用
图标库的使用前言准备工具导入插件使用插件注册页面前言今天想写一个注册登录页面,遇到图标不知道怎么处理,后来找到了一个插件感觉挺不错的,推荐给大家准备工具这套课程是采用Android Studio进行开发的。当前在此之前请准备好Flutter开发环境,我这里就不进行讲解了。导入插件font_awesome_flutter这个就是今天的主角了,我今天遇到QQ,微信的图标该怎么导入...原创 2019-05-16 19:09:41 · 4024 阅读 · 1 评论 -
flutter插件开发学习之旅(1)-------初识插件开发原理
初识插件开发原理前言准备工具构建项目项目目录介绍解析插件源码手动填写一个demo前言大家在开发flutter项目的时候,常常遇到一个原生的api无法进行调用,我也苦心这个问题,经过大神的建议,我就去学习了Flutter插件开发,使得Flutter项目可以调用原生的api。准备工具这套课程是采用Android Studio进行开发的。当前在此之前请准备好Flutter开发环境,我这里就...原创 2019-04-02 12:53:57 · 1252 阅读 · 0 评论