android-layout - 如何根据卡片中的文字动态扩展 CARD 小部件的高度大小?
问题描述
因此,如果我在小部件卡片中放入大量文本,则文本将超过卡片小部件,我将无法再看到其余部分。
只有当我手动设置每张卡片的大小时,它才会显示所有文本。
是否可以根据卡片中的文本动态扩展 CARD 小部件的高度大小?
例如,无论我放多少文字,卡片的高度都会延伸以显示其中的所有文字。
编码:
Widget _card(
{Color primary = Colors.redAccent,
String imgPath,
String chipText1 = '',
String chipText2 = '',
Widget backWidget,
Color chipColor = LightColor.orange,
bool isPrimaryCard = false}) {
return Container(
height: isPrimaryCard ? 500 : 500,
width: isPrimaryCard ? width * .90 : width * .90,
margin: EdgeInsets.symmetric(horizontal: 10, vertical: 20),
decoration: BoxDecoration(
color: primary.withAlpha(200),
borderRadius: BorderRadius.all(Radius.circular(20)),
boxShadow: <BoxShadow>[
BoxShadow(
offset: Offset(0, 5),
blurRadius:
10,
color: LightColor.lightpurple.withAlpha(20))
]),
child: ClipRRect(
borderRadius: BorderRadius.all(Radius.circular(20)),
child: Container(
child: Stack(
children: <Widget>[
backWidget,
Positioned(
top: 20,
left: 10,
child: CircleAvatar(
backgroundColor: Colors.transparent,
backgroundImage: NetworkImage(imgPath),
)),
Positioned(
top: 30,
left: 20,
child: _cardInfo(chipText1, chipText2,
LightColor.titleTextColor, chipColor,
isPrimaryCard: isPrimaryCard),
)
],
),
),
));
}
解决方案
您可能想使用ConstrainedBox
. 它允许您设置最小高度,但如果需要可以扩展:
Card(
child: ConstrainedBox(
constraints: BoxConstraints(
minHeight: 100,
),
child: Text("")
)
)
推荐阅读
- bash - 如何在 unix shell 脚本中读取和打印 Ansible set_fact 数组
- java - 为什么lookArounds的lookAround返回true,而匹配返回false
- html - Angular 中的标准输入文件是什么?
- python - tensorflow 和 torch.cuda 可以找到 GPU,但 Keras 不能
- reactjs - 如何配置 webpack 以通过这种方式在 scss 中查找图像: url(a.png) 而不是 url(../../image/a.png)
- regex - Linux:重命名包含大写字母 ASCII 代码的文件
- php - 如何忽略所有进入 Apache 服务器中 RoR 项目的 *.php 请求?
- reactjs - 如何在 React JS 中使用 RSS Feed 获取多个新闻数据
- couchbase - Couchbase 没有可用的索引
- oracle - 如何使用掩码将字符转换为数字