flutter - 如何调整 Flutter 表日历的大小
问题描述
颤振新手。我需要在下面显示一个日历和一些内容,所以我需要使日历更小。我试过使用这样的 SizedBox:
Column(
children: [
SizedBox(
height: 500,
child: TableCalendar(
firstDay: firstDay,
lastDay: lastDay,
focusedDay: focusedDay)),
Text("Content goes \n\n\n\n\n\n\n\n\n\n\n\n\n\n\nhere")
],
),
但这只是剪辑它。如何正确调整日历的大小?
更新: FittedBox 不起作用,如果您输入宽度,它会正确调整大小,但高度仍然只是剪辑
解决方案
我浏览了他们的源代码,发现shouldFillViewport
可以解决您的用例。
您还需要将您的TableCalendar
内部Expanded
小部件包装起来。
Column(
children: [
Expanded(
child: SizedBox(
height: 500,
width: 300,
child: TableCalendar(
shouldFillViewport: true,
firstDay: DateTime(2020),
lastDay: DateTime(2021),
focusedDay: DateTime(2020),
),
),
Text("Content goes \n\n\n\n\n\n\n\n\n\n\n\n\n\n\nhere")
],
),
推荐阅读
- javascript - 前端开发人员面试编码问题:a 未定义,b 已定义?
- xml - Outlook Manifest 在 Web Outlook 中有效,无法在桌面 Outlook 中正确安装
- javascript - 通过使用 jQuery 删除类来关闭下拉菜单
- kotlin - 如何通过 Kotlin 在 Redshift JDBC PreparedStatement 中使用和设置数组
- sql-server - xml根在sql中重复多次?
- amazon-web-services - 审计 AWS 上的 k8s 集群事件
- swift - 如何在 SwiftUI tvOS 中检测“点击”手势
- nativescript - 为什么我的 Nativescript 工作人员会减慢繁重的进程?
- java - 如何编码以便我不会添加重复记录而不是覆盖我的 txt 文件中的内容
- javascript - 如何使用 Vue.js、Vuex、Express、MongoDB 检索 currentUser 数据