Переполнение текста в ограниченном контейнере. Flutter
В контейнере 2 текста, первый текст должен отобразится полностью, но не больше 3 строк, второй текст должен отобразиться на столько, сколько хватит места (в контейнере) и в конце чтобы сработал textOverflow.ellipsis, как это сделать я по адекватному я не знаю. До этого я делал так: брал длину первого текста, высчитывал сколько строк он займет и устанавливал второму тексту maxLines: 4 - количество уже занятых строк, (4 это максимальное число строк, которые влезут в контейнер). Да, это работает, но выглядит это ужасно. Буду рад вашим предложениям
return Scaffold(
body: Container(
height: 120,
width: 240,
decoration: BoxDecoration(
color: Colors.red,
borderRadius: BorderRadius.circular(4),
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Expanded(
child: Padding(
padding: EdgeInsets.fromLTRB(24, 20, 24, 3),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: const [
Text(
'SometextsometextSometextsometext',
maxLines: 3,
overflow: TextOverflow.ellipsis,
style: TextStyle(
fontSize: 20,
fontWeight: FontWeight.w500,
),
),
SizedBox(height: 8),
Text(
'SometextsometextSometextsometextSometextsometext',
overflow: TextOverflow.ellipsis,
style: TextStyle(
fontSize: 16,
),
),
],
),
),
),
],
),
),
);