dart – Flutter – 容器中的顶部对齐文本

前端之家收集整理的这篇文章主要介绍了dart – Flutter – 容器中的顶部对齐文本前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图将$text留在容器的顶部,但即使使用FractionalOffset(1.0,0.0),$text也会继续在容器的中间.

如何将$留在容器顶部?

body: new Card(
    child: new Column(
      mainAxisSize: MainAxisSize.min,children: <Widget>[
        new Container(
          padding: new EdgeInsets.only(top: 16.0),child: new Row(
            mainAxisAlignment: MainAxisAlignment.center,children: <Widget>[
              new Container(
                alignment: new FractionalOffset(1.0,child: new Text(
                  '\$ ',style: new TextStyle(
                    fontSize: 20.0,fontFamily: 'Roboto',color: new Color(0xFF26C6DA),)
                )
              ),new Text(
                '3,435.23',style: new TextStyle(
                  fontSize: 35.0,color: new Color(0xFF26C6DA)
                ),)                 
            ],),new Text('general balance'),],

enter image description here

解决方法

尝试给你的行一个CrossAxisAlignment的CrossAxisAlignment.start.这是你的想法吗?

screenshot

body: new Card(
    child: new Column(
      mainAxisSize: MainAxisSize.min,child: new Row(
            crossAxisAlignment: CrossAxisAlignment.start,mainAxisAlignment: MainAxisAlignment.center,children: <Widget>[
              new Text(
                '\$ ',style: new TextStyle(
                  fontSize: 20.0,)
              ),)
            ],

猜你在找的Flutter相关文章