Flutter开发入门到实战
这个专栏主要用来定期整理自己学到的东西,同时记录在学习Flutter过程中的遇到的一些问题,方便自己日后总结,也愿意给同样有兴趣有困惑的小伙伴有一些参考。
NNadn
这个作者很懒,什么都没留下…
展开
-
Flutter——头像上传功能,实现照片选择及裁剪
使用两个开发库,image_picker和image_crop。前者用来拍照或者从相册选择照片,后者用来裁剪,结果均为File类型,裁剪完成后可以直接上传文件。先写到这儿,有时间上代码。更新:实现的功能是点击头像图片,弹出选择框,选择拍照或者从相册中选取:拍照或选取一张图片后,裁剪到想要大小。进行保存或者上传。实现:首先的首先,在Android的manifest...原创 2019-05-28 09:36:48 · 14380 阅读 · 7 评论 -
Flutter屏幕适配之二:Image资源assets的使用,实现不同分辨率图片的适配
这两天在研究Flutter的屏幕适配方案。关于尺寸大小已经有点眉目了,初步定了利用等比例缩放,感兴趣的朋友可移步Flutter屏幕大小适配。但是还是不清楚怎么进行图片分辨率适配的,在百度了之后,仍然有点云里雾里,罢了,直接上官网看吧,果然,清晰了。这里附上官网链接Image.asset页面。这里只说本地文件夹下图片资源配置及使用的问题。关于构造函数、使用别的包里的图片等其他情况不做叙述...原创 2019-05-07 19:49:38 · 9441 阅读 · 4 评论 -
Flutter屏幕适配之一:采用与UI图等比例显示的方案,实现屏幕大小尺寸的适配
在Flutter中,我们设置尺寸的时候都是double型的数量,不能设置单位,这是因为flutter默认是使用logical pixel逻辑像素的,系统拿到我们设的值,会自动判断在iOS或者Android上对应的尺寸,不用我们强制转换成某一个单位。所以,我们现在要想的就是,这个值,我们应该设置成多少。在这里,我用实现控件尺寸与屏幕上固定尺寸(宽度、状态栏高度)的比例与UI图上相同的适配方案...原创 2019-05-07 19:24:04 · 10865 阅读 · 4 评论 -
Flutter——定义自己工程使用的统一颜色文件
import 'package:flutter/material.dart';class ThemeColors { ///主色调,按钮,特殊需要强调和突出的文字 static Color colorTheme = Color.fromARGB(255, 255, 134, 0); ///主色调渐变用色,个别按钮和状态,从colorBtnLeft变化到colorBtnRight...原创 2019-05-06 12:35:53 · 2748 阅读 · 0 评论 -
Flutter——从git上clone一个flutter工程的一些后续配置
这段时间在学flutter,从git上clone了闲鱼团队的flutter-go项目。前提:git上clone工程,flutter开发环境搭建。这篇文章记录一些clone后的配置和遇到的问题。1.首先是gradle的配置,4处:systemProp.http.proxyHost=systemProp.http.proxyPort=systemProp.htt...原创 2019-05-06 10:13:52 · 4909 阅读 · 0 评论 -
工具类——日期,今天、昨天、昨天之前以不同格式显示(Java&Dart)
Java代码实现:/** * 根据传入的原始日期,获取截取后的消息日期。 * 日期有三种显示形式,今天、昨天、昨天之前。 * <p> * 例:今天是4月11号: * 若传入原始日期dateOriginal是"2018-09-03 12:32:40",则返回"2018-09-03 12:32", * 若传入原始日期dateOriginal是"2019-04-10 12:32...原创 2019-04-11 15:25:15 · 2522 阅读 · 0 评论 -
Flutter——页面风格设置
if (Platform.isAndroid) { //页面显示设置 SystemUiOverlayStyle systemUiOverlayStyle = SystemUiOverlayStyle( statusBarColor: Colors.transparent,//虚拟按键颜色 systemNavigationBarColor: Color...原创 2019-03-22 13:19:51 · 2076 阅读 · 0 评论 -
Flutter——Image
图片填充效果: fit: BoxFit.fill,//填充到整个容器 fit: BoxFit.scaleDown,//保持原比例,缩放到容器全部显示出来 fit: BoxFit.fitWidth,//保持原比例,宽度缩放到容器宽度,高度上可能会有丢失 fit: BoxFit.cover,//保持原比例,充满整个容器,会有一部分图像被裁减掉的效果 fit: BoxFit.c...原创 2019-03-22 11:11:50 · 309 阅读 · 0 评论 -
Flutter——Column、Row
https://www.jianshu.com/p/0ce74751d970转载 2019-03-21 12:50:15 · 152 阅读 · 0 评论 -
Flutter——Listview异常
https://cloud.tencent.com/developer/ask/138715转载 2019-03-21 12:49:21 · 428 阅读 · 0 评论 -
Flutter——自定义AppBar
状态栏处理:https://blog.csdn.net/JustBeauty/article/details/82110743转载 2019-03-21 12:48:10 · 3511 阅读 · 0 评论 -
Flutter——Dart语言的数据类型及方法
转载自https://blog.csdn.net/hekaiyou/article/details/51310381?utm_source=blogxgwz3。转载 2019-02-25 19:50:36 · 921 阅读 · 0 评论 -
Flutter——常用控件说明
在这篇博客里面总结一下自己平时用到的各种控件的使用场景、尺寸等。flutter的盒约束原理没懂,这里只是写一些现象,用熟练之后再去理解原理吧。flutter中的布局有三种约束方式,尽可能大、跟随盒子、指定尺寸。...原创 2019-03-11 18:04:00 · 258 阅读 · 0 评论 -
Flutter——容器类Widget
容器类控件:1.Padding给子控件周围添加空白,跟随子控件大小。Flutter中没有Margin(指没有该widget,container中有这个属性,但是原理上是使用padding来实现的),效果可以使用padding和其他widget结合的方式实现。2.DecoratedBox有装饰效果的容器,如边框、阴影、背景、颜色等。一般不能做根控件。3.Constrained...原创 2019-03-04 18:40:24 · 379 阅读 · 0 评论