如何在Flutter中将列垂直居中?我已经使用了小部件“新中心”。我已经使用了小部件“新中心”,但是它没有使我的列垂直居中?任何想法都会有所帮助。
@override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text("Thank you"), ), body: new Center( child: new Column( children: <Widget>[ new Padding( padding: new EdgeInsets.all(25.0), child: new AnimatedBuilder( animation: animationController, child: new Container( height: 175.0, width: 175.0, child: new Image.asset('assets/angry_face.png'), ), builder: (BuildContext context, Widget _widget) { return new Transform.rotate( angle: animationController.value * 6.3, child: _widget, ); }, ), ), new Text('We are glad we could serve you...', style: new TextStyle( fontSize: 16.0, fontWeight: FontWeight.w600, color: Colors.black87),), new Padding(padding: new EdgeInsets.symmetric(vertical: 5.0, horizontal: 0.0)), new Text('We appreciate your feedback ! !', style: new TextStyle( fontSize: 13.0, fontWeight: FontWeight.w200, color: Colors.black87),), ], ), ), ); }
Aziz提出的解决方案是:
Column( mainAxisAlignment: MainAxisAlignment.center, crossAxisAlignment: CrossAxisAlignment.center, children:children, )
由于填充,它不会在确切的中心:
padding: new EdgeInsets.all(25.0),
要使列居中对齐-至少在这种情况下-您需要删除填充。