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

我试图将 $ 文本留在容器顶部,但即使使用 FractionalOffset(1.0, 0.0) $ 文本在容器中间继续。

如何将 $ 留在容器顶部?

  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, 0.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,
                  fontFamily: 'Roboto',
                  color: new Color(0xFF26C6DA)
                ),
              )                 
            ],
          ),
        ),            
        new Text('general balance'),
      ],
    ),
  ),

最佳答案

尝试为您的 Row 提供 CrossAxisAlignment.startCrossAxisAlignment。这是你的想法吗?

 body: new Card(
    child: new Column(
      mainAxisSize: MainAxisSize.min,
      children: <Widget>[
        new Container(
          padding: new EdgeInsets.only(top: 16.0),
          child: new Row(
            crossAxisAlignment: CrossAxisAlignment.start,
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              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,
                  fontFamily: 'Roboto',
                  color: new Color(0xFF26C6DA)
                ),
              )
            ],
          ),
        ),
        new Text('general balance'),
      ],
    ),
  ),

https://stackoverflow.com/questions/44525119/

相关文章:

android - 如何在 Flutter 中获取 AppBar 高度

android - 如何使用 Flutter 构建增强现实应用程序?

android - Flutter - 导航到新屏幕,并清除所有以前的屏幕

dart - 为桌面构建 Flutter 应用程序

flutter - 如何在 flutter 小部件测试中捕获来自 future 的错误?

dart - 如何格式化定位文本 block 的背景颜色?

gridview - Flutter GridView 页脚(用于指示无限滚动的负载)

google-maps - 如果可以使用 flutter 打开谷歌地图应用程序

flutter - 如何在 flutter 中获得唯一的设备ID?

listview - Flutter:SimpleDialog 中的 ListView