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

有一个小部件(例如文本)。在实际示例中,它紧随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小部件

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

本文链接:https://www.f2er.com/3166887.html

大家都在问