gpt4 book ai didi

android - 如何让 Row 在 Flutter 中充分发挥其子项的高度?

转载 作者:行者123 更新时间:2023-12-03 03:29:45 27 4
gpt4 key购买 nike

我正在尝试为联系人列表创建 UI。但是该行占用了其父级的全部高度,这不是我想要的。
Issue Screenshot
这是我的代码

Container(

padding: EdgeInsets.all(5),

child: Material(
color: Colors.black,
elevation: 5,
borderRadius: BorderRadius.circular(20),
child: Container(
padding: EdgeInsets.all(10),

child: Row(
crossAxisAlignment: CrossAxisAlignment.center,
children: [
CircleAvatar(
backgroundImage: AssetImage("assets/images/1700.jpg"),
radius: 25,
),
SizedBox(width: 10,),
Column(
mainAxisAlignment: MainAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text("Test", style: TextStyle(color: Colors.white,fontSize: 17, fontWeight: FontWeight.bold),maxLines: 1,),
SizedBox(height: 5,),
Text("Testing the test. ", style: TextStyle(color: Colors.white,fontSize: 15),maxLines: 1,)

],
),
],
),
),
),
);
我试着给 MainAxisSize最小值或最大值,但结果不变。 wrap_content 是否有任何 flutter 替代方案?或 match_parent (类似于原生android开发)
需要帮忙 ;_;

最佳答案

我没有得到你真正想要的,但我得到的是,
您可以将它包装在一个列中,这是一种简单的方法

 child: Column (
children:[
Row(
crossAxisAlignment: CrossAxisAlignment.center,
children: [
CircleAvatar(
backgroundImage: AssetImage("assets/images/1700.jpg"),
radius: 25,
),
SizedBox(width: 10,),
Column(
mainAxisAlignment: MainAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text("Test", style: TextStyle(color: Colors.white,fontSize: 17, fontWeight: FontWeight.bold),maxLines: 1,),
SizedBox(height: 5,),
Text("Testing the test. ", style: TextStyle(color: Colors.white,fontSize: 15),maxLines: 1,)

],
),
],
),
]
)
请告诉我结果

关于android - 如何让 Row 在 Flutter 中充分发挥其子项的高度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/64648251/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com