flutter |右对齐不起作用

标签 flutter flutter-layout

尝试将容器与 TextView subview 右对齐,它有一个父行位于另一列内,尝试了 Stack Overflow 的多种解决方案,但均无效。

代码

///Transactions Heading
        new Column(
         children: <Widget>[
            new Row(
              children: <Widget>[
                new Container(
                  alignment: Alignment.centerLeft,
                  margin: new EdgeInsets.only(top: 20.0, left: 10.0),
                  child: new Text(
                    "Transactions",
                    style: new TextStyle(
                      color: primaryTextColor,
                      fontSize: 25.0,
                      fontWeight: FontWeight.w700,
                      letterSpacing: 0.1,
                    ),
                  ),
                ),
                new Container(
                  margin: new EdgeInsets.only(top: 25.0),
                  child: new Text(
                    currentGoalTransactions.length.toString() + " items",
                    style: new TextStyle(
                        color: darkHeadingsTextColor, fontSize: 15.0),
                  ),
                ),
              ],
            ),
       ]);

想要将 2 项文本向右对齐

Screenshot

最佳答案

使用 Row 小部件中的 mainAxisAlignment 属性。

new Row(
    mainAxisAlignment: MainAxisAlignment.spaceBetween, 
    ...
)

关于 flutter |右对齐不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50640161/

相关文章:

flutter 医生 : idevice_id returned an error

android - 未检测到键盘。 MediaQuery.of(context).viewInsets.bottom 始终返回 0.0

flutter - RenderFlex在底部溢出了20个像素。相关的引起错误的小部件是Column

flutter - 堆叠圆形进度条和高架按钮

Flutter:迭代期间并发修改:Instance(length:2) of '_GrowableList'

android - 我可以在编译过程中使用Byte Buddy转换已编译的类吗?

flutter - 在build-Method中分配InheritedWidget

flutter - 小部件变量为空 flutter

flutter - 如何从 TextField 中删除内容填充?

flutter:渲染库捕获异常:RenderFlex 在底部溢出 n 个像素