Flutter基本功能介绍
关注
分享
扫一扫
这篇专栏就是专门介绍工作中遇到的一些flutter需求的解决方法和自己的一些经验
追逐蓦然
一步一个脚印
展开
-
Flutter开发--------自定义弹出框
自定义弹出框前言实例代码分析前言现在flutter给的弹出框退出按钮是固定在一个地方的。而项目需求的是要随机点击一处可以退出。所以要我们自定义弹出框实例代码分析Future myDialog(context){ return showDialog<Null>( context: context, barrierDismissible: f...原创 2019-07-09 15:23:42 · 3133 阅读 · 0 评论 -
Flutter开发--------数据图表处理(一)
数据图片处理前言实现效果实例代码分析引入插件具体的代码前言现在很多的东西都和大数据结合起来，因此许许多多的app里面也要做数据图表的处理。今天博主就在这里分享一个插件，也是最近才发现的。感觉比之前分享的结合echarts好多了。实现效果1.折现数据图实例代码分析引入插件dependencies: flutter: sdk: flutter # The fo...原创 2019-07-08 13:27:26 · 5599 阅读 · 7 评论 -
flutter开发-------渐变appBar
渐变appBar前言实现效果展示实例代码分析全部代码前言再蛮多的项目中，不喜欢一开始页面中就出现appBar，而当我们拉到一定的高度之后，appBar才会出现—这个就是渐变appBar实现效果展示实例代码分析1.状态监听(监听滑动的高度)NotificationListener( //状态监听 onNotification: ...原创 2019-07-05 17:03:45 · 1183 阅读 · 0 评论 -
Flutter开发--------PageView讲解
PageView前言实现效果实例代码分析前言之前没有怎么研究PageView这个组件，这三天因为工作需求，所以接触到这个组件中，有了深刻的认识，所以打算记录一下并且和大家分享一下实现效果1.类似于微信Android机左右滑切换页面，效果如下图所示2.是动态加载页面实例代码分析1.PageView本身就可以实现上图所示的效果2.动态加载加载页面的代码核心代码...原创 2019-07-05 15:15:05 · 4203 阅读 · 0 评论 -
Flutter开发--------结合echart
图表echart前言准备工具实现界面实例代码分析放置echart的文件主文件编写前言前一段时间，就在苦恼flutter的图标问题，今天逛github的时候，发现有人开发了一个插件来对接echert准备工具这套课程是采用VScode进行开发的。当前在此之前请准备好Flutter开发环境，我这里就不进行讲解了。实现界面首先是一个列表的展示实例代码分析这个实例使用到了fl...原创 2019-07-03 16:52:12 · 9891 阅读 · 8 评论 -
flutter开发中遇到的难题总结(三)
左滑右滑切换页面前言需求解决方式具体实现状态管理前言最近开始用flutter开发公司里的项目，所以打算写一系列的博客，分享工作到遇到的一些难题和解决方法需求今天遇到一个需求，就是利用手势实现左右滑到新的页面解决方式就是用手势结合状态管理一起使用，从而达到这个需求具体实现return GestureDetector( /********start 左右滑一段距...原创 2019-07-04 13:31:56 · 964 阅读 · 0 评论 -
flutter开发中遇到的难题总结(二)
填坑前言需求解决方式前言最近开始用flutter开发公司里的项目，所以打算写一系列的博客，分享工作到遇到的一些难题和解决方法需求今天遇到一个需求，使用fluro这个插件，实现从登录页面跳转到主页面，让appBar不要出现返回键解决方式其实这个十分的简单，一句话的事件,加上replace: trueApplication.router.navigateTo(context...原创 2019-07-02 17:47:20 · 487 阅读 · 0 评论 -
flutter开发中遇到的难题总结(一)
填坑前言需求解决方法使用的插件使用方法引用插件绑定数据下拉框头部下拉菜单例子的所有代码前言最近开始用flutter开发公司里的项目，所以打算写一系列的博客，分享工作到遇到的一些难题和解决方法需求今天遇到一个需求----------下拉筛选，跟下面的图片需求差不多解决方法使用的插件首先我先找一下flutter有没有相关的组件，找了一下没有找到，或者找到了都不友好。最后查到一...原创 2019-07-02 17:41:23 · 1782 阅读 · 0 评论 -
Flutter开发--------点击图片放大
动态表格前言准备工具实现界面实例代码分析数据处理表格处理每一行处理页面完整代码前言工作中，都会有这样子的需求，首先是小图片，在点击图片然后可以放大查看。准备工具这套课程是采用VScode进行开发的。当前在此之前请准备好Flutter开发环境，我这里就不进行讲解了。实现界面首先是一个列表的展示实例代码分析这里实例的特点是: UI和数据进行分离，使用到了状态管理。技...原创 2019-06-09 21:26:56 · 9810 阅读 · 5 评论 -
Flutter开发--------动态表格
动态表格前言准备工具实现界面实例代码分析数据处理表格处理行列处理请求接口和调用表格函数页面完整代码前言工作中，都会有这样子的需求，就是一张表格的行列都是动态生产的。博主最近也遇到了这个需求，一直研究了一个星期，总算写出来了。现在在这里和大家分享一下。准备工具这套课程是采用VScode进行开发的。当前在此之前请准备好Flutter开发环境，我这里就不进行讲解了。实现界面下面表格...原创 2019-06-06 14:32:13 · 5617 阅读 · 4 评论 -
flutter开发----右滑返回上一页
右滑返回上一页前言准备工具小实例开发流程增加关键代码路由跳转新的页面前言现在的app为了提高用户的体验感，都实现了右滑返回上一页的效果，今天就用flutter实现准备工具这套课程是采用Android Studio进行开发的。当前在此之前请准备好Flutter开发环境，我这里就不进行讲解了。小实例开发流程增加关键代码其实这个效果十分的好实现，就增加一句代码platform: ...原创 2019-05-27 14:22:11 · 6725 阅读 · 1 评论 -
flutter开发----单屏开场介绍页面制作
单屏开场介绍页面前言准备工具小实例开发流程介绍页面制作主函数前言现在的app一打开都是有只有页面，所以今天我就分享这个功能的介绍准备工具这套课程是采用Android Studio进行开发的。当前在此之前请准备好Flutter开发环境，我这里就不进行讲解了。小实例开发流程介绍页面制作import 'package:flutter/material.dart';import '...原创 2019-05-20 14:41:39 · 622 阅读 · 0 评论 -
flutter开发----多屏开场介绍页面制作
多屏开场介绍页面前言准备工具导入插件和相关图片小实例开发流程介绍页面制作前言现在的app一打开都是有许多的介绍页面，所以今天我就分享这个功能的介绍准备工具这套课程是采用Android Studio进行开发的。当前在此之前请准备好Flutter开发环境，我这里就不进行讲解了。导入插件和相关图片首先导入我们的插件intro_views_flutter: ^2.3.0 a...原创 2019-05-19 20:06:05 · 1240 阅读 · 0 评论 -
flutter开发----播放文本功能
播放文本功能前言准备工具导入插件小实例开发流程ttr工具类景区语音界面主页面跳转子页面重点内容前言现在许多的景区都采用了语音介绍了，就想用flutter来实现这个功能。今天我就找个一个插件来使用这个---------tts准备工具这套课程是采用Android Studio进行开发的。当前在此之前请准备好Flutter开发环境，我这里就不进行讲解了。展示结果导入插件首先...原创 2019-05-17 16:04:33 · 2110 阅读 · 9 评论 -
flutter开发----图标库的使用
图标库的使用前言准备工具导入插件使用插件注册页面前言今天想写一个注册登录页面，遇到图标不知道怎么处理，后来找到了一个插件感觉挺不错的，推荐给大家准备工具这套课程是采用Android Studio进行开发的。当前在此之前请准备好Flutter开发环境，我这里就不进行讲解了。导入插件font_awesome_flutter这个就是今天的主角了，我今天遇到QQ，微信的图标该怎么导入...原创 2019-05-16 19:09:41 · 4047 阅读 · 1 评论 -
flutter开发------图表的使用
图表的使用前言准备工具项目结构引入插件数据处理定义数据类型数据源类图表构建组件前言因为公司又项目的需求，所以研究了一些flutter集成图表，在这里做一个笔记，跟大家分享一下，准备工具这套课程是采用Android Studio进行开发的。当前在此之前请准备好Flutter开发环境，我这里就不进行讲解了。项目结构引入插件到pubspec.yaml引入插件charts_flu...原创 2019-05-11 19:06:56 · 4227 阅读 · 1 评论 -
Flutter实战开发（2）------实现条形码扫描获取商品信息
实现条形码和二维码扫描前言准备工具配置后端接口编写调用接口方法页面布局前言上一篇博客就大致讲了一下qrscan这个插件的使用，没有具体的实现，这篇博客就来个实战吧，来做一个反盗版商品的例子准备工具这套课程是采用Android Studio进行开发的。当前在此之前请准备好Flutter开发环境，我这里就不进行讲解了，基础知识请到条形码和二维码扫描这篇博客学习配置后端接口本次项目...原创 2019-04-23 18:41:33 · 7079 阅读 · 0 评论 -
Flutter实战开发（1）------实现条形码和二维码扫描
实现条形码和二维码扫描前言准备工具引入插件具体实现前言前几天突发奇想就想做一个扫描二维码和条形码的demo，查阅了一些资料，发现有qrscan这个插件可以实现，就自己写了一个例子，供大家学习.准备工具这套课程是采用Android Studio进行开发的。当前在此之前请准备好Flutter开发环境，我这里就不进行讲解了。引入插件到pubspce.yaml中导包depende...原创 2019-04-23 10:47:41 · 14213 阅读 · 11 评论