在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, });