Flutter
kaina404
这个作者很懒,什么都没留下…
展开
-
Flutter Container
博客地址:flutterall.comContainer构成以及绘制过程Container作为Flutter中的用来布局的Widget,可以对子widget进行 绘制(painting)、定位(positioning)、**调整大小(sizing)**操作。绘制过程(painting)transformMatrix4 transformdecorationDecora...原创 2019-01-24 10:02:05 · 337 阅读 · 0 评论 -
Flutter获取APP版本号
安装依赖package_info: ^0.4.0+2导入import 'package:package_info/package_info.dart';前提我们要在pubspec.yaml中设置版本号获取方法一PackageInfo packageInfo = await PackageInfo.fromPlatform();String appName = packag...原创 2019-03-20 16:21:21 · 13447 阅读 · 0 评论 -
Flutter豆瓣客户端(仿),诚心开源
前言终于,终于写完了。这个项目是我从年前开始写的,然后今年过年没有回家,除了大年三十没有提交代码,有空余时间就一直在写,过完年大年初一就开始写了~~。功夫不负有心人,终于,现在来看是一个成熟度较为满意的作品,才敢拿出来跟大家一起分享。缘起忘记关注哪个公众号了,真正接触flutter是18年,算起来是比较晚的了。不过勤能补拙,现在也来的及,只要想学就不晚。如果学习一个...原创 2019-03-20 10:14:21 · 1815 阅读 · 0 评论 -
OverscrollNotification不起效果引起的Flutter感悟分享
本篇文章已授权微信公众号 guolin_blog (郭霖)独家发布问题先说下问题与解决思路,以及解决方案。当我们想要监听一个widget的滑动状态时,可以使用:NotificationListener。在我目前空余时间写的一个flutter项目中,有一个十分复杂的组件,需要用到这东西。要实现下面这个功能。这个UI由哪些功能点当listview的第一个条目显示出来的时候,此时继续下...原创 2019-03-09 16:52:55 · 1307 阅读 · 0 评论 -
Flutter GridView
今天,我们来聊聊网格布局GridView。构造数据(生成Widgets)List<String> getDataList() { List<String> list = []; for (int i = 0; i < 100; i++) { list.add(i.toString()); } return list;...原创 2019-03-09 16:51:37 · 291 阅读 · 0 评论 -
Flutter Image全解析
博客地址:flutterall.comFlutter imgae支持的图片格式为:JPEG, PNG, GIF, Animated GIF, WebP, Animated WebP, BMP, and WBMP。Flutter Image是显示图片的一个Widget。Flutter Image的几个构造方法:方法释义Image()从ImageProvider中获...原创 2019-03-09 16:50:51 · 1582 阅读 · 0 评论 -
Flutter Row Column MainAxisAlignment Expanded
博客地址:flutterall.comRow 和 Column类似于Android里面的线性布局,只不过分别是水平方向和垂直方向。Row水平布局Widget###构造方法Row({ Key key, MainAxisAlignment mainAxisAlignment = MainAxisAlignment.start, MainAxisSize mainA...原创 2019-03-09 16:49:54 · 700 阅读 · 0 评论 -
Flutter SafeArea
博客地址:flutterall.com先看代码:class FlutterAlign extends StatelessWidget { @override Widget build(BuildContext context) { return Align( alignment: Alignment(-1, -1), child: Container...原创 2019-03-09 16:48:58 · 818 阅读 · 0 评论 -
Flutter 常用按钮总结
博客地址:flutterall.com本文我们就一起聊一聊Flutter中的Button。由于Flutter是跨平台的,所以有适用于Android和iOS的两种风格的组件。一套是Google极力推崇的Material,一套是iOS的Cupertino风格的组件。无论哪种风格,都是通用的。#Material与Cupertino风格比较控件MaterialCupertino...原创 2019-03-09 16:48:27 · 772 阅读 · 0 评论 -
Flutter更改状态栏颜色
在Flutter中,例如iOS的状态栏中的时间、网络信号等字体的颜色修改有以下两个方式:在 system_chrome.dart文件中有两段代码,用来更改不同的状态栏字体颜色。介绍字体颜色白色/// System overlays should be drawn with a light color. Intended for /// applications with a dar...原创 2019-04-17 10:53:19 · 14635 阅读 · 1 评论