《Flutter 控件大全》第二十五个:Row和Column

news/2024/7/24 10:05:32
  • 如果你对Flutter还有疑问或者技术方面的疑惑,欢迎加入Flutter交流群(微信:laomengit)。
  • 同时也欢迎关注我的Flutter公众号【老孟程序员】,公众号首发Flutter的相关内容。
  • Flutter地址:http://laomengit.com 里面包含160多个组件的详细用法。

在Row和Column中有一个非常重要的概念:MainAxisAlignment(主轴)和CrossAxisAlignment(交叉轴),简单来说,MainAxisAlignment(主轴)就是与当前控件方向一致的轴,而CrossAxisAlignment(交叉轴)就是与当前控件方向垂直的轴,比如Row的主轴是水平方向,交叉轴是垂直方向,而Column的主轴是垂直方向,交叉轴是水平方向。

Row和Column是多子控件的容器类控件,Row控件水平布局,Column控件垂直布局。

主轴对齐方式

Row控件的主轴mainAxisAlignment对齐方式默认值是MainAxisAlignment.start,即子控件从开始处排列,这个开始处不一定是屏幕的左边,是从左到右还是从右到左排列取决于文本方向textDirection属性,比如阿拉伯文本方向是从右到左的。

3个颜色块水平排列,代码如下:

Row(
        children: <Widge

http://www.niftyadmin.cn/n/1845891.html

相关文章

ps ps aux 和ps -aux和 ps -ef的选择

Linux中的ps命令是Process Status的缩写。ps命令用来列出系统中当前运行的那些进程。ps命令列出的是当前那些进程的快照&#xff0c;就是执行ps命令的那个时刻的那些进程&#xff0c;如果想要动态的显示进程信息&#xff0c;就可以使用top命令。 要对进程进行监测和控制&#x…

[ES6学习笔记]‘ES7-11‘浅层次梳理,点到为止

ES7-11写在前面ES7Array.prototype.includes幂运算**ES8async和awaitasync函数await表达式Object.values,keys和Object.entriesObject.getOwnPropertyDescriptorsES9扩展运算符与rest参数正则扩展&#xff1a;命名捕获分组正则扩展: 反向断言正则扩展&#xff1a;dotAll模式ES1…

《Flutter 控件大全》第二十六个:ConstrainedBox、UnconstrainedBox、SizedBox、AspectRatio

如果你对Flutter还有疑问或者技术方面的疑惑,欢迎加入Flutter交流群(微信:laomengit)。同时也欢迎关注我的Flutter公众号【老孟程序员】,公众号首发Flutter的相关内容。Flutter地址:http://laomengit.com 里面包含160多个组件的详细用法。ConstrainedBox ConstrainedBox…

《Flutter 控件大全》第二十七个:FractionallySizedBox、LimitedBox

如果你对Flutter还有疑问或者技术方面的疑惑,欢迎加入Flutter交流群(微信:laomengit)。同时也欢迎关注我的Flutter公众号【老孟程序员】,公众号首发Flutter的相关内容。Flutter地址:http://laomengit.com 里面包含160多个组件的详细用法。FractionallySizedBox 当我们需…

防抖与节流(技能吟唱与平A僵直)

防抖与节流写在前面防抖生活中防抖的例子类比技能吟唱js中的防抖1.使用高阶函数&#xff0c;避免添加响应的时候触发函数2.使用setTimeout完成延时执行,clearTimeout来控制刷新延时2.1我们为什么要把timer定义在函数外面&#xff1f;3.并不是万事大吉&#xff0c;注意this指针的…

监听路由

watch: { $route(to, from) {console.log(this.$route.path); }},

小程序的input绑定值的问题.

小程序的input的数据不是双向绑定的,所以需要我们手动添加监听事件 <input type"text" value"{{username}}" placeholder名称 classusername bindinput"updateValue" data-value"{{username}}"/>bindinput“updateValue” 然…

《Flutter 控件大全》第二十八个:Container

如果你对Flutter还有疑问或者技术方面的疑惑,欢迎加入Flutter交流群(微信:laomengit)。同时也欢迎关注我的Flutter公众号【老孟程序员】,公众号首发Flutter的相关内容。Flutter地址:http://laomengit.com 里面包含160多个组件的详细用法。Container将会是我们以后最常用的…