作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
My current screen,
how I want it to lock like this made manually
如何使图标行在左边框旁边排成一行?
我的代码是:
Container(
width: MediaQuery.of(context).size.width,
height: MediaQuery.of(context).size.height / 13,
alignment: AlignmentDirectional.centerStart,
child: Row(
children: <Widget>[
SizedBox(width: 25.0),
Text(
"hello world"
),
SizedBox(width: getWidth() * 185.0),
Align(
alignment: Alignment.centerLeft,
child: Icon(
Icons.check,
size: 20,
color: Colors.grey,
),
),
],
),
),
最佳答案
尝试这种方式将Text
小部件包装在Expanded()
小部件内,它将起作用
Container(
width: MediaQuery.of(context).size.width,
height: MediaQuery.of(context).size.height / 13,
alignment: AlignmentDirectional.centerStart,
child: Row(
children: <Widget>[
SizedBox(width: 25.0),
Expanded(
child: Text(
"hello world"
),
),
SizedBox(width: 20),
Align(
alignment: Alignment.centerLeft,
child: Icon(
Icons.check,
size: 20,
color: Colors.grey,
),
),
SizedBox(width: 20),
],
),
)
关于flutter - flutter 我如何连续外星图标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61371217/
我是一名优秀的程序员,十分优秀!