У меня есть строка со ступенями и разделителями. Каждый шаг заключен в Expand; разделитель имеет фиксированный размер.
Расширенный заставляет контейнеры иметь тонкую белую линию между ними

Когда я удаляю Expanded
, строки пропали

Кто-нибудь знает исправление или обходной путь?
Код выглядит примерно так
Row(
children: <Widget>[
Expanded(
child: Container(
height: height,
color: AppTheme.blue,
child: Center(
child: Text(
"Define",
style: TextStyle(
color: AppTheme.white,
fontSize: 13,
),
),
),
),
),
Container(
height: height,
width: height/2.0,
color: AppTheme.blue
),
Expanded(
child: Container(
height: height,
color: AppTheme.grey,
child: Center(
child: Text(
"Mix 1",
style: TextStyle(
color: AppTheme.black,
fontSize: 13,
),
),
),
),
),
Container(
height: height,
width: height/2.0,
color: AppTheme.grey
),
...
]
)
РЕДАКТИРОВАТЬ 1: Причина, по которой я делаю все это, заключается в том, что последний разделитель должен быть индивидуализирован.

Теперь я вручную раскрашиваю шаги, поэтому контейнера нет. Теперь код выглядит примерно так:
Expanded(
child: CustomPaint(
painter: StepPainter(
isActive: isActive,
height: height,
text: TextSpan(
text: text,
style: TextStyle(
color: isActive ? AppTheme.white : AppTheme.darkGrey,
fontSize: 13,
),
),
),
),
)