Question

我想将Column置于Stack内，以便它占据屏幕的60％，并且它位于屏幕的底部。

////////
|
|
|40%
////////
|column
|
|
|
|60%
////////

目前我正在尝试使用Positioned和MediaQuery，但它不起作用。

      new Positioned(
        top: MediaQuery.of(context).size.height * .4,
        height: MediaQuery.of(context).size.height * .6,

        child: new Column(

我知道有一些分数小部件可以提供帮助。

Answer 1

您可以使用Column小部件（Flex小部件的子类）和具有flex属性的Expanded子级来实现。

Stack(
  fit: StackFit.expand,
  children: [
    Column(
      children: <Widget>[
        Expanded(
            flex: 4,
            child: Container() 
            ),
        Expanded(
          flex: 6,
          child: Column(
            children: <Widget>[],
          ),
        )
      ],
    )
  ],
)

如何根据颤动中屏幕的分数高度将列放在堆栈中？

1 个答案: