flutter - Flutter 卡片视图底部溢出
问题描述
我如何在我的应用程序中解决这个问题
我的代码
class StreamBuilderFireStore extends StatelessWidget {
Widget _buildList(BuildContext context, DocumentSnapshot document) {
return Card(
clipBehavior: Clip.antiAlias,
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
Image.network(document['img'], fit: BoxFit.cover),
Padding(
padding: const EdgeInsets.all(8.0),
child: Text(document['title']),
),
]),
);
}
解决方案
尝试这样的事情,
Card(
child: Column(
children: <Widget>[
AspectRatio(
child: Image.network(
'https://images.unsplash.com/photo-1502759683299-cdcd6974244f?auto=format&fit=crop&w=440&h=220&q=60',
fit: BoxFit.cover),
aspectRatio: 2/1,
),
Padding(
padding: const EdgeInsets.all(8.0),
child: Text('title is heretitle is heretitle is heretitle is heretitle is here'),
),
],
),
),
输出:
推荐阅读
- java - 使用 neo4j OGM 按属性名称查找节点
- nginx - “ngx_http_subrequest”是否污染了响应?
- java - 如何确定 ConstraintViolation 是来自 JSON 属性还是来自 URL 参数?
- javascript - jquery没有在span上找到类?
- ansible - Ansible 2.5 中的条件“when: var | d()”是什么意思
- xamarin - WatchKit 应用程序无法编译:“错误:WatchKit 扩展不包含任何 WatchKit 应用程序”仅在 2 台机器中的 1 台上
- python - 每个目标变量的特征重要性和选择
- angular - FileReader 在 Angular 2 中不起作用
- python - django 视图中的 unittestsensitive_post_parameters 装饰器
- powerbi - 我需要每天在 power bi 上进行状态计数