如何使Flutter中展开的文本可滚动

Question

我正忙着用闪存卡构建一个包含信息的应用程序，但我遇到了一个愚蠢的问题，我似乎无法解决。

为了提供上下文，卡片小工具当前如下所示：

https://i.stack.imgur.com/7Bmrc.png

正如你所看到的，文本被切断了。我曾尝试将Expanded更改为SingleChildScrollView，但后来我遇到了这样的情况：

https://i.stack.imgur.com/nj2jC.png

我知道解决方案可能很简单，但我已经摆弄了几个小时

@override
Widget build(BuildContext context) {
// TODO: implement build
return Container(
padding: EdgeInsets.symmetric(vertical: 15, horizontal: 10),
decoration: BoxDecoration(
color: Colors.indigo,
borderRadius: BorderRadius.circular(20),
),
child: Column(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: <Widget>[
Row(
mainAxisAlignment: MainAxisAlignment.start,
children: <Widget>[
Image.asset(
getCategoryImage(),
width: 50
),
Container(width: 10),
Text(
title,
style: TextStyle(
fontFamily: "Estherilla",
fontSize: 30,
color: Colors.white
),
)
],
),
SingleChildScrollView(
child: Padding(
padding: const EdgeInsets.symmetric(vertical: 25),
child: Text(
content,
style: TextStyle(
fontSize: 25,
color: Colors.white
),
),
)
),
Row(
mainAxisAlignment: MainAxisAlignment.end,
children: <Widget>[
Text(
"#$author",
style: TextStyle(
fontFamily: "Estherilla",
color: Colors.white,
fontSize: 20
),
)
],
)
],
),
);
}

将不胜感激

Answer 1

将您的SingleChildScrollView封装在像这样的Expanded小部件中

Column(
...
Expanded(
child: SingleChildScrollView(...)
),
...
)