パーセントでスタック内の位置ウィジェット

Question

Stackの内部にウィジェットを配置したいが、固定サイズの代わりにスタック位置のパーセントを使用したいとしましょう。どのようにフラッターでそれを行うには？

私は、Positionned.fromRelativeRectコンストラクタが0と1の間の浮動小数点数を使っていると思います。

Alignウィジェットをパーセントで配置できます。しかしheightFactorとwidthFactorは、子のサイズの代わりにAlignのサイズを変更します。それは私が望むものではありません。

Answer 1

このような結果を得るには、Positionned.fillとLayoutBuilderを組み合わせることができます。

new Stack(
    children: <Widget>[ 
     new Positioned.fill(
     child: new LayoutBuilder(
      builder: (context, constaints) { 
      return new Padding(
       padding: new EdgeInsets.only(top: constaints.biggest.height * .59, bottom: constaints.biggest.height * .31), 
       child: new Text("toto", textAlign: TextAlign.center,), 
      ); 
      }, 
     ), 
    ) 
    ], 
),