Flutterでウィジェットを別のウィジェットの上に配置するにはどうすればよいですか? 質問する

Flutterでウィジェットを別のウィジェットの上に配置するにはどうすればよいですか? 質問する

下のスクリーンショットのように、背景ビューの上にラウンド ビューを重ねたいと思います。

こうなると

ベストアンサー1

@override
Widget build(BuildContext context) {
// TODO: implement build
return new Container(
  width: 150.0,
  height: 150.0,
  child: new Stack(children: <Widget>[
    new Container(
      alignment: Alignment.center,
      color: Colors.redAccent,
      child: Text('Hello'),
    ),
    new Align(alignment: Alignment.bottomRight,
      child: FloatingActionButton(
        child: new Icon(Icons.add),
          onPressed: (){}),
    )
  ],
  ),
);
}

上記のUIは次のようになります

おすすめ記事