android - 如果一个文本行很长,如何使盒子中的弹性颤动以使每一行居中?
问题描述
我有盒子列表,它们并不是很小或不在中间的右边,尤其是食物的名称,因为它们太长了,在上面腾出了更多空间,
这是我的盒子列表代码
class CategoryMeals extends StatelessWidget {
final String title;
final String image;
CategoryMeals({this.title, this.image});
@override
Widget build(BuildContext context) {
return Card(
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(15)
),
elevation: 14,
margin: EdgeInsets.all(14),
child: Container(
padding: EdgeInsets.all(10),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: <Widget>[
Flexible(
fit: FlexFit.tight,
flex: 2,
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: <Widget>[
Flexible(
flex: 1,
fit: FlexFit.tight,
child: Text(title)
),
Flexible(
flex: 1,
fit: FlexFit.tight,
child: Container(
padding: const EdgeInsets.all(8.0),
margin: const EdgeInsets.only(right: 10),
child: Column(
crossAxisAlignment: CrossAxisAlignment.end,
children: <Widget>[
Text("Button 1"),
Text("Button button 2")
],
),
)
)
],
)
),
Flexible(
flex: 1,
child: Image.asset(image)
)
],
),
)
);
}
}
这是我的预期:
我想念什么吗?或者我应该使用 Stack 还是其他什么?
解决方案
尝试这个
class CategoryMeals extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Container(
padding: EdgeInsets.all(10),
decoration: BoxDecoration(
border: Border.all(color: Colors.black,width: 1),
color: Colors.white,
),
child: Row(
crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: <Widget>[
Expanded(child: Text("askNilesh is here to help you",textAlign: TextAlign.center,)),
Expanded(
child: Column(
mainAxisSize: MainAxisSize.min,
children: <Widget>[Text("Button 1",textAlign: TextAlign.center), Text("Button 2",textAlign: TextAlign.center)],
),
),
FlutterLogo(
size: 20,
)
],
),
);
}
}
输出
推荐阅读
- awk - 如何使我的数学公式在 bc -l 或 awk 中正确?
- ios - 所选文本未出现在 UITextField 上
- c# - 如何使 Account 和 Manage 控制器从 BaseController 继承而不会出现错误
- c# - 将 2018.1.f1 更新到 2019 后的 Unity3D 我得到了数千个异常
- magento2 - 部署命令后如何恢复前端和后端 css
- java - 整数值未刷新
- html - 字母数字、下划线、破折号和点的 HTML 输入模式
- regex - 正则表达式:如何获取带有特殊字符的完整文件名
- r - 当数据在同一列时,如何绘制 geom_line 的起点和终点
- asp.net-mvc - 如何在 MVC 中获取客户端 MAC 地址