定位布局 Stack 层叠组件 Stack 与 Align Stack 与 Positioned 实现

  width: 200,
  height: 200,
  decoration: BoxDecoration(
    color: Colors.red
  ),
  child: Stack(
    children: <Widget>[
      Positioned(child: Icon(Icons.print),),
      Positioned(right: 0, child: Icon(Icons.map),),
      Positioned(bottom: 0, child: Icon(Icons.search),),
    ],
  )
);

Align定位

return Container(
  width: 200,
  height: 200,
  decoration: BoxDecoration(
    color: Colors.red
  ),
  child: Stack(
    children: <Widget>[
      Align(alignment: Alignment.center, child: Icon(Icons.print),),
      Align(alignment: Alignment.bottomLeft, child: Icon(Icons.map),),
      Align(alignment: Alignment.bottomRight, child: Icon(Icons.search),),
    ],
  )
);