小编edr*_*ali的帖子

Flutter 容器 - 如何在不更改容器宽度的情况下对齐子文本?

我正在尝试构建类似于聊天气泡的东西,其中每个聊天气泡都会正常对齐文本,并将时间戳与气泡的右下角对齐。气泡的大小必须随文本扩大,并且不应占用过多的空间。

为了做到这一点,我使用了一个带有两个容器子项的列。第二个孩子将有时间戳。

当我在不向第二个 Container 子项添加“alignment”属性的情况下执行此操作时,气泡大小会正确缩小/扩展到文本,如下所示:

在此输入图像描述

但是当我添加alignment: Alignment.bottomRight到第二个容器时,气泡尺寸会扩大以填充屏幕的整个宽度。

在此输入图像描述

有没有办法将“7:30 PM”文本与气泡的右下角对齐而不扩大气泡大小?

Scaffold(
        body: Container(
          decoration: BoxDecoration(
            color: Colors.blue,
          ),
          child: Column(
            mainAxisSize: MainAxisSize.min,
            children: <Widget>[
              Container(
                child: Text(
                  "Without Alignment",
                  style: TextStyle(fontWeight: FontWeight.bold, fontSize: 30),
                ),
              ),
              Container(
//                alignment: Alignment.bottomRight,
                decoration: BoxDecoration(
                  border: Border.all(),
                ),
                child: Text(
                  "7:30 PM",
                  textDirection: TextDirection.rtl,
                  textAlign: TextAlign.right,
                  style: TextStyle(fontWeight: FontWeight.bold, fontSize: 30),
                ),
              ),
            ],
          ),
        ),
      ),
Run Code Online (Sandbox Code Playgroud)

containers flutter

6
推荐指数
1
解决办法
6261
查看次数

任何 Node.js Minifier 都支持 Javascript Null-Coalescing 运算符 (??)?

我正在尝试缩小 javascript 代码,其中包含许多空合并运算符 (??) 的实例,但是Unexpected token: operator (?)在解析包含 ?? 的行时,它们似乎都抛出错误。操作员。是否有任何更新的库有效?我尝试了以下方法:

gulp-uglify-es
terser
gulp-uglify
gulp-uglifyes
Run Code Online (Sandbox Code Playgroud)

javascript npm gulp gulp-uglify

5
推荐指数
0
解决办法
337
查看次数

标签 统计

containers ×1

flutter ×1

gulp ×1

gulp-uglify ×1

javascript ×1

npm ×1