有一个小部件(例如文本)。在实际示例中,它紧随Column中的另一个小部件。如何将其放在屏幕中央?据我了解,专栏没有。如何才能做到这一点?还是有其他方法可以指定项目的位置?
忽略列时如何将小部件放置在屏幕中央?
ashinelee 回答:忽略列时如何将小部件放置在屏幕中央?
列占用了父级的所有可用空间,并且默认情况下将项目对齐以开始
您可以更改修复,将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
,
使用堆栈小部件即可:
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
来代替。希望这会有所帮助!
不用担心它的来源。这取决于您将其添加到的视图。
如果要显示在中心,则只需使用中心小部件
如果您想使用 Container小部件,则必须将宽度和高度都添加到 double.infinite
如果要在同一个小部件中使用它,则也可以使用 Stack小部件。
这完全取决于视图的要求以及尝试以哪种方式实现它。