Как сделать текст внутри развернутой прокрутки во флаттере - PullRequest
2 голосов
/ 05 ноября 2019

Я занят созданием приложения с флэш-картами с информацией о них, и я столкнулся с глупой проблемой, которую просто не могу понять.

Чтобы дать контекст, картаВиджет в настоящее время выглядит следующим образом:

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
                ),
              )
            ],
          )
        ],
      ),
    );
  }

Помощь будет высоко ценится

1 Ответ

2 голосов
/ 05 ноября 2019

Оберните ваш SingleChildScrollView внутри Expanded виджета вот так

 Column(
   ...

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

   ...
 )
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...