【问题标题】:How to align widgets to top in Column class?如何在 Column 类中将小部件与顶部对齐?
【发布时间】:2018-07-05 09:31:01
【问题描述】:

我应该更改哪个参数以使“childen : [...]”的值适合 UI 的顶部? (目前他们正在填充容器中的所有空闲空间)。 提前谢谢你的解释!! 代码sn-p:

return new Container(
  child: new Column (
    crossAxisAlignment: CrossAxisAlignment.start,
    mainAxisSize: MainAxisSize.min,


    children: <Widget>[
      new Text('\$$priceUsd\n'),
  new Text('1 hour: $percentChange1h%',
    style: new TextStyle(
        color: changeColor),


    )],
  )
);

【问题讨论】:

  • 尝试将它们包装在Align(alignment: Alignment.topCenter, child: ...)
  • 使用mainAxisAlignment: MainAxisAlignment.start
  • 谢谢大家,但问题出在 Text 参数中,由于某种原因我没有删除 "\n" ,所以它在第一个文本之后生成了一个空白字符串...

标签: dart flutter flutter-layout


【解决方案1】:

只需将主轴对齐设置为开始 返回新容器(

  child: new Column (
    crossAxisAlignment: CrossAxisAlignment.start,
    mainAxisAlignment: MainAxisAlignment.start,
    mainAxisSize: MainAxisSize.min,


    children: <Widget>[
      new Text('\$$priceUsd\n'),
  new Text('1 hour: $percentChange1h%',
    style: new TextStyle(
        color: changeColor),


    )],
  )
);

【讨论】:

  • 谢谢大家,Raouf,但问题出在 Text 参数中,由于某种原因我没有删除 "\n" ,所以它在第一个文本之后生成了一个空白字符串...
猜你喜欢
  • 1970-01-01
  • 2015-09-28
  • 2017-08-02
  • 2012-05-03
  • 2023-02-21
  • 2020-11-16
  • 2023-04-07
  • 2018-08-14
  • 2021-05-29
相关资源
最近更新 更多