android - 如何在 Flutter 中使 Expanded 中的文本可滚动

Question

我正在忙着用闪存卡构建一个应用程序，其中包含有关它们的信息，但我遇到了一个我似乎无法弄清楚的愚蠢问题。

为了给出上下文，卡片小部件目前如下所示:

/image/7Bmrc.png

如您所见，文本被切断了。我试过将 Expanded 更改为 SingleChildScrollView，但最终我遇到了这种情况:

/image/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(...)
   ),

   ...
 )