如何在Flutter中将小部件放在另一个小部件上方？

Question

在扑朔迷离中，如何将一个小部件放在另一个更大的小部件上方？就像浮动动作按钮一样。

Answer 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: (){}),
    )
  ],
  ),
);
}

Answer 2

您可以使用堆栈小部件。

Stack(
  children: [
    /*your_widget_1*/,
    /*your_widget_2*/,
  ],
);