右对齐而不调整父级大小

Question

我试图在没有调整其父级的情况下将某些内容与右侧对齐。因此从技术上讲，盒子大小应该取决于文本对象，并且图标应该与右边对齐。

return new Column(
    crossAxisAlignment: CrossAxisAlignment.start,
    children: <Widget>[
      new Text("this is a test string"),
      new Align(
        alignment: Alignment.topRight,
        child: new Icon(Icons.speaker_notes),
      ),
    ]);

一旦对齐设置为Alignment.topRight，就​​会以全屏宽度绘制框。我明白为什么它会像这样渲染，但也无法想到解决方案。有任何想法吗？

Answer 1

你可以尝试这样的事情：

  @override
    Widget build(BuildContext context) {
      return Scaffold(
        appBar: AppBar(),
        body: Align(
          alignment: Alignment.topLeft,
          child: new Column(
              crossAxisAlignment: CrossAxisAlignment.end,
              children: <Widget>[
                new Text("this is a test string"),
                new Icon(Icons.speaker_notes),
              ]),
        ),
      );
    }

结果