【Flutter】笔记4-Body{Center、Column、Row、Container、SizedBox&P

在body下有这堆东西可以选择

Center:(置中)Center Widget可以将其子Widget居中对齐。当子Widget的宽高不指定或不足父Widget的大小时,Center可以将其置中对齐。-------------------------------------------------------------------------------Column:(行)Column Widget是一个垂直排列的Widget容器,可以将其子Widget按照垂直方向依次排列。子Widget可以设置静态高度,也可以自适应父容器的高度。Row:(列)Row Widget是一个水平排列的Widget容器,可以将其子Widget按照水平方向依次排列。子Widget可以设置静态宽度,也可以自适应父容器的宽度。--------------------------------------------------------------------------------Container:(容器)Container Widget是一个矩形容器,可以包含其他Widget。它可以设置大小、背景色、边框、填充、外边距等属性,用于构建各种UI元素。SizedBox:(主要用于调整距离的空格填充物)(垂直向)SizedBox Widget可以指定一个具体的宽高大小,用于布局时调整间距或者固定子Widget的大小。Padding:(主要用于调整距离的空格填充物)(水平向)Padding Widget可以在其子Widget周围添加指定量的填充。填充可以是固定大小或按比例指定。StreamBuilder:(不是太懂@@@@@@@@@)StreamBuilder Widget可以根据异步事件来构建UI。它可以侦听一个Stream流,并在收到新数据时自动重新构建UI,以反映数据的变化。

Row:(列)细项:

  const Row({    super.key,    super.mainAxisAlignment,    super.mainAxisSize,    super.crossAxisAlignment,    super.textDirection,    super.verticalDirection,    super.textBaseline, // NO DEFAULT: we don't know what the text's baseline should be    super.children,  }) : super(    direction: Axis.horizontal,  );

Column:(行)细项:

  const Column({   key,【Widget的唯一标识符。】   mainAxisAlignment,【子Widget在主轴上的对齐方式,    可以设置为start、end、center、spaceBetween、spaceAround和spaceEvenly。】       mainAxisSize,【轴方向上的大小,可以设置为min和max。】       crossAxisAlignment,【子Widget在交叉轴上的对齐方式,    可以设置为start、end、center、stretch和baseline。】       textDirection,【文字方向,可以设置为ltr或rtl。】   verticalDirection,【子Widget的垂直方向排列方式,可以设置为down或up。】   textBaseline,【用于基準线对齐的值,可以设置为alphabetic或ideographic。】   children,【子Widget列表,这些子Widget将垂直排列在一起。】  }) 

Container细项:

  Container({    key【Widget的唯一标识符。】    alignment【子Widget在容器中的对齐方式,可以设置为Alignment对象或FractionalOffset对象。】    padding【容器内边距,可以设置为EdgeInsets对象。】    color【容器的背景色,可以设置为Color对象。】    decoration【容器的背景装饰,可以设置为BoxDecoration对象。】    foregroundDecoration【容器的前景装饰,可以设置为BoxDecoration对象。】    width【容器的宽度,可以设置为double值。】    height【容器的高度,可以设置为double值。】    constraints【容器的约束条件,可以设置为BoxConstraints对象。】    margin【容器的外边距,可以设置为EdgeInsets对象。】    transform【容器的变换矩阵,可以设置为Matrix4对象。】    transformAlignment【容器的变换对齐方式,可以设置为Alignment对象或FractionalOffset对象。】    child【容器内的子Widget。】    clipBehavior = Clip.none【容器对子Widget的裁剪方式,可以设置为Clip.none、Clip.hardEdge或Clip.antiAlias。】})

Padding细项:

const Padding({   super.key,   required this.padding,   super.child, });

SizedBox细项:

const SizedBox({     super.key,     this.width,     this.height,     super.child });

StreamBuilder细项:

const StreamBuilder({   super.key,   this.initialData,   super.stream,   required this.builder, });

关于作者: 网站小编

码农网专注IT技术教程资源分享平台,学习资源下载网站,58码农网包含计算机技术、网站程序源码下载、编程技术论坛、互联网资源下载等产品服务,提供原创、优质、完整内容的专业码农交流分享平台。

热门文章