Удалите тонкую грань между контейнерами в ряд - PullRequest
0 голосов
/ 16 июня 2020

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

Расширенный заставляет контейнеры иметь тонкую белую линию между ними

white lines between containers

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

white lines gone when Expanded is removed

Кто-нибудь знает исправление или обходной путь?

Код выглядит примерно так

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: Причина, по которой я делаю все это, заключается в том, что последний разделитель должен быть индивидуализирован.

custom paint

Теперь я вручную раскрашиваю шаги, поэтому контейнера нет. Теперь код выглядит примерно так:

Expanded(
  child: CustomPaint(
    painter: StepPainter(
      isActive: isActive,
      height: height,
      text: TextSpan(
        text: text,
        style: TextStyle(
          color: isActive ? AppTheme.white : AppTheme.darkGrey,
          fontSize: 13,
        ),
      ),
    ),
  ),
)

1 Ответ

0 голосов
/ 17 июня 2020

, поскольку вы не предоставили код StepPainter, что, если вы просто примените к объекту белую рамку?

...