我正在尝试构建类似于聊天气泡的东西,其中每个聊天气泡都会正常对齐文本,并将时间戳与气泡的右下角对齐。气泡的大小必须随文本扩大,并且不应占用过多的空间。
为了做到这一点,我使用了一个带有两个容器子项的列。第二个孩子将有时间戳。
当我在不向第二个 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) 我正在尝试缩小 javascript 代码,其中包含许多空合并运算符 (??) 的实例,但是Unexpected token: operator (?)
在解析包含 ?? 的行时,它们似乎都抛出错误。操作员。是否有任何更新的库有效?我尝试了以下方法:
gulp-uglify-es
terser
gulp-uglify
gulp-uglifyes
Run Code Online (Sandbox Code Playgroud)