忽略列时如何将小部件放置在屏幕中央？

Question

有一个小部件（例如文本）。在实际示例中，它紧随Column中的另一个小部件。如何将其放在屏幕中央？据我了解，专栏没有。如何才能做到这一点？还是有其他方法可以指定项目的位置？

Answer 1

列占用了父级的所有可用空间，并且默认情况下将项目对齐以开始

您可以更改修复，将const pivotStyles: Partial<IStyleSet<IPivotStyles>> = { link: { width: "300px" }, linkIsSelected: { width: "300px" } }; 更改为const tabsItems = [ { content: "Pivot #1", header: "My Files" }, { content: "Pivot #2", header: "Recent" }, { content: "Pivot #3", header: "Shared with me" } ]; export const PivotBasicExample: React.FunctionComponent = () => { return ( <Pivot styles={pivotStyles}> {tabsItems.map((tabItem,idx) => ( <PivotItem key={idx} headerText={tabItem.header}> <Label>{tabItem.content}</Label> </PivotItem> ))} </Pivot> ); }; 。

MainAxisAlignment

---

或更改父母的身高并将其移到中间（请注意，如果添加很多项目，将导致溢出）

center

Answer 2

使用堆栈小部件即可：

var textEmpty = Text("Some Text");

Stack(children: <Widget>[
          Column(children: <Widget>[
            Container(
              ,margin: EdgeInsets.only(top: 100.0)
              ,child:  Center(child: textEmpty, ),)],),
          listView,
 ]);                                                                                        

使用Center而不是Container来代替。希望这会有所帮助！

Answer 3

不用担心它的来源。这取决于您将其添加到的视图。

如果要显示在中心，则只需使用中心小部件

如果您想使用 Container小部件，则必须将宽度和高度都添加到 double.infinite

如果要在同一个小部件中使用它，则也可以使用 Stack小部件。

这完全取决于视图的要求以及尝试以哪种方式实现它。