flutter
grant_cloud
一叶孤舟独行
展开
-
Flutter-多布局控件
上篇讲过单个的布局控件,往往开始中很多都是多布局的视图。多布局简单说就是多个子布局的组合成一个复杂的界面视图。 在flutter中Flex组件展示了多布局的属性: Flex组件和Row、Column属性主要的区别就是多一个direction。 当direction的值为Axis.horizontal的时候,则是Row。 当direction的值为Axis.vertical的时候,则是Column。 1,Row Row组件相当于一个横向布局,把所有的子控件横向排列。 不好解释属性。贴一段代码: mainAxi原创 2021-08-03 15:33:38 · 473 阅读 · 0 评论 -
Flutter-单个布局的组件(Align、Center、Padding、Container)
为实现界面各种布局的样式,采用很多组件的组合形成一个复杂的布局。说到flutter的离不开Widget,flutter的=布局也是使用Widget来完成的。 1.Align组件 先看一下Align的源码: const Align({ Key key, this.alignment: Alignment.center, this.widthFactor, this.heightFactor, Widget child }) alignment:对齐方式,默认居中对齐 widthFa原创 2021-08-03 14:32:46 · 431 阅读 · 0 评论 -
flutter-BoxDecoration属性
上面讲了圆图片的加载,实际中很多文本都是有边框圆角的,本文简单的列两个例子 flutter BoxDecoration的解释 const BoxDecoration({ this.color, // 底色 this.image, // 背景图 this.border, // 边框颜色 this.borderRadius, // 圆角大小 this.boxShadow, // 阴影 this.gradient, // 渐变 this.shape = BoxShape.rectangle, // 形状 })原创 2021-07-26 16:19:28 · 598 阅读 · 0 评论 -
flutter-加载图片的方式
flutter一般分为两种图片加载的方式:网络加载和本地加载 首先看一下image的一些属性: const Image({ ... this.width, //图片的宽 this.height, //图片高度 this.color, //图片的混合色值 this.colorBlendMode, //混合模式 this.fit,//缩放模式 this.alignment = Alignment.center, //对齐方式 this.repeat = ImageRepeat.n原创 2021-07-26 14:39:53 · 771 阅读 · 0 评论 -
Flutter-按钮Widget
1,Flutter中有几种按钮的样式, 按钮Widget如FloatingActionButton、RaisedButton、FlatButton、OutlineButton等,直接贴代码看一下 class MyButtonBody extends StatelessWidget { @override Widget build(BuildContext context) { return Column( children: <Widget>[ Rai原创 2021-07-23 15:12:59 · 177 阅读 · 4 评论