Flutter实战
文章平均质量分 66
依然ゝ心碎
我不是人事,不是文秘,不是行政,我是个写代码的。为API生,为框架死,为Debug奋斗一辈子!吃符号的亏,上大小写的当,最后死在需求上!就是这么一个活脱脱的杯具程序员!
展开
-
Flutter上传文件到服务器
好久没写了,一直没时间,项目太紧,而且自己也变懒了许多。现在就发一下自己简简单单的封装类吧,一个上传服务器的一个封装。因为很多人问我在选择之后在选择无法去保存上次选择的文件。其实我也没多说什么。就说了一个set去重。在这里我就把我最简单的一个封装拿来用。这里我用的是一个multi_image_picker这个插件。我也不多说什么了直接上代码了。只要copy下来修改一下自己的网络配置就能使用。import 'dart:io';import 'package:---------/pages/login_p原创 2020-09-04 10:12:13 · 5804 阅读 · 1 评论 -
Flutter小实战----我们使用BLoc来实现一个登录的功能
前言:近来换了一份工作。在新工作中,由于公司产品是使用bloc开发的,那么没办法了,只能学了一下。在学习bloc的过程中,比较顺畅吧。感觉他跟provider(仅仅使用的区别,不是源码还有他跟provider适用场景的区别!!!!再次提示,勿喷)的区别就是,provider做一个封装过InheritWidget的特殊顶层变量它里面镶嵌这widget,而bloc是把自己的数据层,事件,状态,全部分割出来,当然你开始会觉得他很乱,要是用明白之后,发现其实这个框架开发产品挺舒服的。毕竟逻辑清晰。准备当然还是导原创 2020-07-08 17:04:45 · 2904 阅读 · 0 评论 -
Flutter状态管理之BLoc----实现计算器功能
1.我们先安装依赖2.写一个ticker.dartclass Ticker{ Stream<int> tick({int ticks}){ return Stream.periodic(Duration(seconds: 1),(v){ return ticks - v - 1; }).take(ticks); }}这是一个定时器,我们没有使用timer,而是直接使用stream来实现。3.timer的state区分TimerInitial翻译 2020-06-29 20:52:19 · 626 阅读 · 0 评论 -
Flutter----实现优惠券外观的绘制
近来看源码。看的好爽。但是说句话没多大用,要是碰见难题是不是大家就跟我一样找UI切图去了。好了不说别的了 ,先看下面的优惠券。要是实现这样的优惠券你要怎么办?好吧,如果你问我的话,我的第一反应就是:xx姐/xx哥(UI切图)给我切个图。不知道你们是不是跟我一样。好吧这次我们就用代码来实现这种样式。shape看到这边边框的话,我相信大家能想到shape这个参数吧。他有几个类型的参数值:B...翻译 2020-03-07 10:13:49 · 2389 阅读 · 0 评论 -
Flutter实战小项目(5)----项目的最终整合
前一段时间因为比较忙,就没有多打理这个博客,有点抱歉。今天我看了一下剩下的,也没有什么多讲的了,就一次性的给大家说完了,然后我会附上github的源码地址。有想学习的可以慢慢的去跟着敲一遍。你可以全部拉下来学习。但是你可能看不懂很多逻辑。对于我来说,我还是建议如果大家想学习,可以跟着我这个实战项目的逻辑来走一遍。这样会比较清晰。而不是自己每次都在文件中跳转!home首页的设置我们知道,我们在首...原创 2020-02-26 09:44:18 · 769 阅读 · 0 评论 -
Flutter实战小项目(4)----UI界面控件的封装 下
接上一个文章,我们还是进行控件的封装。我们要自己实现一个AppBar控件,要知道我们AppBar控件有自己的高度,那么要实现自己的封装还要进行一个接口的实现 PreferredSizeWidget,当然你也可以用相关的控件把他包起来。话不多说上代码:import 'package:flutter/material.dart';import 'package:flutter/cupertin...原创 2020-02-14 00:10:30 · 377 阅读 · 0 评论 -
Flutter实战小项目(3)----UI界面控件的封装 上
我们看开始的图片知道,我们这是一个底部导航栏。由于Flutter代码的嵌套性比较繁乱,冗杂。所以我们就把每个界面的ListView显示的每个item数据都进行封装。首页控件的封装:import 'package:flutter/material.dart';import 'package:flutter_app_pneumonia/api/news_model.dart';import '...原创 2020-02-14 00:06:20 · 430 阅读 · 1 评论 -
Flutter实战小项目(2)----全局变量和全局配置
我们都知道,做一个项目,工具类封装好了,还有一些全局变量顶层变量以及api地址需要我们自己去配置好。这样也是为了代码的可读性和可复用性。就好比我们的多语言多主题等。我这里就不多设置了,就是按照本项目的配置和全局变量进行复述。全局配置这个尽量要有一个文件去做一下配置,不然项目越来越大,内存越来越多的时候,会出现小问题。就是控制台的输出会有乱码。代码如下:import 'package:sha...原创 2020-02-13 23:44:57 · 3850 阅读 · 0 评论 -
Flutter实战小项目(1)----工具类的基本封装
这个年过的是在是闷死了。在家里我基本没事干,开始还可以,之后就实在没心情了,根本做不住。由于我自己做的项目是和自己的工作有关,其余的练手还有仿App的项目我没怎么做过。刚好这一段时间在网上看着我一个朋友自己写的一个小demo,感觉挺有用的我就把这个项目自己敲了一遍,看了一下架构。很经典的MVVM架构,感觉很适合有点基础并且学Flutter的初学者。这是基本的项目分布。这是基本的工程项目结构...原创 2020-02-11 11:51:14 · 3190 阅读 · 0 评论