Flutter - 容器頂部對齊文本

我試圖將$文本保留在容器頂部，但即使使用FractionalOffset(1.0, 0.0)$文本仍在容器中間。Flutter - 容器頂部對齊文本

將$置於容器頂部可以做些什麼？

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'), 
     ], 
    ), 
),

來源

2017-06-13 rafaelcb21

嘗試給您的CrossAxisAlignment.start一個CrossAxisAlignment。這是你想到的嗎？

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'), 
     ], 
    ), 
),

來源

2017-06-13 15:16:29

謝謝！如果整行是'CrossAxisAlignment.start'，爲什麼'$'更高？是否可以將兩個文本放在與頂部相同的高度？ – rafaelcb21

Roboto字體的頂部填充的尺寸超過了20尺寸。如果你不喜歡它，你可以給美元符號一些額外的填充。 –

在Flutter中可以從文本中刪除頂部填充？ – rafaelcb21

Flutter - 容器頂部對齊文本

回答

相關問題