Как сделать прокручиваемый текст во флаттере?

У меня есть изображение в верхней части виджета «Столбец», после этого есть заголовок «Виджет текста», а после этого есть еще один виджет «Текст», который содержит некоторое описание и выходит за пределы экрана и выдает ошибку рендеринга.

Итак, я хочу сделать этот текстовый вид прокручиваемым, чтобы он был полностью видимым и прокручиваемым. И его размер должен быть динамическим, поскольку Данные поступают из API. Я попробовал несколько подходов, но не смог сделать это. Вот скриншот

Скриншот:

enter image description here

@override


 Widget build(BuildContext context) {
    var size = MediaQuery
        .of(context)
        .size;
    final double itemHeight = (size.height - kToolbarHeight - 24) / 2;
    final double itemWidth = size.width;


return new Container(
  child: new Column(
    crossAxisAlignment: CrossAxisAlignment.start,
    children: [
      new Padding(
        padding: const EdgeInsets.fromLTRB(0.0, 24.0, 0.0, 0.0),
        child: new Image.asset(
          'assets/img/noconnection.png',
          height: 200.0,
          width: itemWidth,
        ),
      ),
      new Padding(
        padding: const EdgeInsets.all(12.0),
        child: new Text(
          "Some Heading Text",
          style: new TextStyle(
              fontSize: 28.0,
              color: Colors.black87,
              fontWeight: FontWeight.w600),
        ),
      ),
      new SingleChildScrollView(
        child: new Text(
          "Description that is too long in text format(Here Data is coming from API)",
          style: new TextStyle(
            fontSize: 16.0, color: Colors.black87,
          ),
        ),
      ),
    ],
  ),
);

}

8
задан Vaibhav Miniyar 3 April 2018 в 20:42
поделиться