Flutter
不求人Stone
这个作者很懒,什么都没留下…
展开
-
布局控件完结篇
首先这篇文章是转载的,原文是这里https://juejin.im/post/5bab35ff5188255c3272c228我在最近的学习布局控件中主要看的就是这个。结合自己的一些理解,和测试。下面是主要内容本文对Flutter的29种布局控件进行了总结分类,讲解一些布局上的优化策略,以及面对具体的布局时,如何去选择控件。1. 单节点控件分类在这小节里,我尝试从多个维度去对这些控件...转载 2020-03-25 22:03:20 · 268 阅读 · 0 评论 -
Flutter学习第三课-布局组件 Container Padding Align Center Offstage Baseline
目录Container PaddingAlignCenterOffstageBaselineContainerContainer在Flutter最常用的组件。是一个结合了绘制(painting)、定位(positioning)以及尺寸(sizing)widget的widget。组成Container的组成如下:最里层的是child元素;child元素首先会被paddi...原创 2020-03-25 21:29:45 · 957 阅读 · 0 评论 -
Flutter学习第三课-布局组件 Stack和Positioned
层叠布局子组件根据距父容器四个角的位置来确定自己位置。子元素按照代码中声明的顺序作为层级,最后一个声明的子元素会放置在最上层。Flutter中使用Stack和Positioned这两个组件来配合使用决定子元素的坐标位置。Stack Stack({ Key key, this.alignment = AlignmentDirectional.topStart, t...原创 2020-03-25 18:06:24 · 671 阅读 · 0 评论 -
Flutter学习第三课-布局组件 Wrap和Flow
流式布局我们在学习 Row 时默认只有一行,如果超出屏幕不会换行。我们把超出屏幕显示范围会自动折行的布局称为流式布局。Flutter中通过Wrap和Flow来支持流式布局,将上例中的Row换成Wrap后溢出部分则会自动换行Wrap Wrap({ Key key, this.direction = Axis.horizontal, this.alignment =...原创 2020-03-25 11:35:25 · 485 阅读 · 0 评论 -
Flutter学习第三课-布局组件 Row和Column
线性布局所谓线性布局,即指沿水平或垂直方向排布子组件。Flutter中通过Row和Column来实现线性布局。Row 水平布局,Column 垂直布局Row 和 Column 组件是不可以滚动的,所以在 Row 和Column 组件中不会放置过多子组件,如果你需- 要滚动应该使用 ListView。如果只有一个子组件的话,应该考虑使用使用 Align 或者 Container 组件来定位...原创 2020-03-24 21:19:13 · 1495 阅读 · 0 评论 -
Flutter学习第二课-基础组件 BottomNavigationBar
/*BottomNavigationBar({Key key,@required this.items,this.onTap,点击响应事件回调this.currentIndex = 0,选中索引this.elevation = 8.0,BottomNavigationBarType type, 导航样式类型 fixed(等分选项): shifting(选中的选项加大占比);Colo...原创 2020-03-18 18:04:50 · 138 阅读 · 0 评论 -
Flutter学习第二课-基础组件 Radio
/*const Radio({Key key,@required this.value, 是否选中@required this.groupValue,分组@required this.onChanged,选中回调this.activeColor,//控件颜色this.focusColor,this.hoverColor,this.materialTapTargetSize, ...原创 2020-03-18 18:11:28 · 377 阅读 · 0 评论 -
Flutter学习第二课-基础组件 DropdownButton
/*DropdownButton({Key key,@required this.items,菜单列表this.selectedItemBuilder,//自定义下拉菜单样式this.value,是否选中this.hint,this.disabledHint,@required this.onChanged,回调this.elevation = 8,下划线偏离距离this.sty...原创 2020-03-18 18:07:21 · 2376 阅读 · 0 评论 -
Flutter学习第二课-基础组件 Checkbox
/* const Checkbox({ Key key, @required this.value, this.tristate = false,//在原true flase两种状态下,增加第三种状态 null 。显示为破折号 @required this.onChanged,//点击时回调 this.activeColor,//选中时背景颜色 ...原创 2020-03-18 18:06:02 · 414 阅读 · 0 评论 -
Flutter学习第二课-基础组件 Switch
/* const Switch({ Key key, @required this.value, //是否选中 @required this.onChanged, //点击后回调 this.activeColor,//选中时滑块颜色 this.activeTrackColor,//选中时滑道颜色 this.inactiveThumbColor,/...原创 2020-03-18 18:00:37 · 242 阅读 · 0 评论 -
Flutter学习第二课-基础组件 Image
在 Flutter 中有多种方式,用来加载不同形式的图片:Image:通过ImageProvider来加载图片Image.asset:用来加载本地资源图片Image.file:用来加载本地(File文件)图片Image.network:用来加载网络图片Image.memory:用来加载Uint8List资源(byte数组)图片ImageImage 的一个参数是 Image...原创 2020-03-18 21:56:48 · 542 阅读 · 0 评论 -
Flutter学习第二课-基础组件 TextFormField和From
/* TextFormField({ Key key, controller,//常用于赋值和取值操作 String initialValue, FocusNode focusNode,//用于监听焦点状态 InputDecoration decoration = const InputDecoration(), //输入框的装饰器,用来修改外观 ...原创 2020-03-23 14:22:22 · 6123 阅读 · 0 评论 -
Flutter学习第二课-基础组件 Text
文本控件 Textimport 'package:flutter/gestures.dart';import 'package:flutter/material.dart';//void main() => runApp(MyApp());//void main() => runApp(MyApp1());void main() => runApp(MyApp2(...原创 2020-03-16 19:36:34 · 159 阅读 · 0 评论 -
Flutter学习第一课-环境搭建
基本资料官网:https://flutter.dev/中文网:https://flutterchina.club/教程网:http://www.flutterj.com/官网第三方库:https://pub.flutter-io.cn/优秀资源:https://github.com/Solido/awesome-flutterFlutterSDK下载下载地址:https...原创 2020-03-16 20:02:11 · 243 阅读 · 0 评论