Flutter - Как исправить ошибку переполнения RenderFlex?

Question

Я хочу сделать вид списка с фоновым изображением. это мой код строителя

ListView.builder(
    itemCount: this.locations.length,
    itemBuilder: (context, index) {
      return Container(
          height: 100,
          decoration: BoxDecoration(
              image: DecorationImage(
                  image: NetworkImage(this.locations[index].url),
                  fit: BoxFit.cover)),
          child: new Row(
            crossAxisAlignment: CrossAxisAlignment.end,
            children: <Widget>[
              new Text(this.locations[index].name,
                  style: Styles.listItemStyle)
            ],
          ));
    },
  )

Answer 1

Мне кажется, что проблема связана с именами, текст больше экрана, и поэтому Flutter пытается воспроизвести то, что не будет видно. Есть несколько решений, которые вы можете рассмотреть:

• Используйте пакет auto_size_text , он автоматически уменьшит размер шрифта текста в соответствии с его ограничениями.
• Используйте Виджет LayoutBuilder , чтобы получить родительский текст constraints и заставить текст соответствовать его доступному размеру с помощью SizeBox, тогда вы можете установить overflow: TextOverflow.ellipsis в конструкторе Text, чтобы отображать три точки, еслитекст не умещается на экране.
• Используйте горизонтальный SingleChildScrollView , чтобы сделать текст прокручиваемым.

Answer 2

Зачем вам нужна строка, когда ваш контейнер содержит только один виджет? Попробуйте удалить виджет Row. Тогда текст внутри контейнера должен сломаться правильно?