flutter - 如何在颤动中制作可滚动的框?
问题描述
我有一个Card
小部件,它看起来像:
但是当其中的数字变大时,它会Card
像这样溢出:
我试图将文本框包装在 a 中SizedBox
并给它一个高度。然后,将它包裹在 aSingleChildScrollView
但它没有帮助。我应该如何解决这个问题?
以下是代码:
Card(
child: Container(
padding: const EdgeInsets.all(8.0),
width: 300,
height: 250,
child: Column(
children: <Widget>[
const Text('Output', style: TextStyle(fontSize: 25)),
const SizedBox(height: 10),
getOutputRow('Answer'),
],
),
),
辅助方法:
Text styledText(String data) {
return Text(data, style: TextStyle(fontSize: 20));
}
Widget getOutputBox() {
final themeData = Theme.of(context);
final output = result == null ? '' : result.toString();
return Container(
width: 150,
padding: const EdgeInsets.all(8.0),
decoration: BoxDecoration(border: Border.all(width: 1, color: themeData.primaryColor)),
child: Text(output, style: TextStyle(fontSize: 16), textAlign: TextAlign.center),
);
}
Row getOutputRow(String data) {
return Row(
mainAxisAlignment: MainAxisAlignment.spaceAround,
crossAxisAlignment: CrossAxisAlignment.center,
children: <Widget>[
styledText(data),
styledText('='),
getOutputBox(),
],
);
}
解决方案
这将有助于
Expanded(
child:SingleChildScrollView(
child : getOutputRow('Answer')
)
)
推荐阅读
- c# - 无法从 ApiDescription 访问属性 ControllerTypeInfo
- java - 将十六进制字符串 #b2c2d6 转换为 Int,如 0x2c2d6
- c# - Crystal 报告在显示一些报告后在 api url 上返回 404
- express - 如何在 Express.js 中接收 Postman 二进制文件?
- django - Django Factory Boy 和 Faker 总是返回相同的值
- java - Java - 子类中的受保护变量是什么类型?
- bash - 使用 bash 从文件中删除单词
- matrix - 如何使用 Python 读取 DPM Datamatrix 条码?
- sharepoint - 当特定用户未更新更新项目时触发
- java - 为什么endsWith函数在java中不起作用?