Как обрезать край эллипса флаттера

Я собираюсь сделать этот виджет в своем приложении, но я не мог обрезать край своего виджета вот так.

Это то, что я хочу создать:

Но вот что я создал:

Я использовал контейнер с радиусом границы для создания этого виджета. Не могли бы вы предложить лучший способ сделать виджет выше, как я хочу?

05.12.2022 04:21

Ответы 1

Ответ принят как подходящий

Простое решение: просто оберните свой контейнер внутри Transform.scale() и немного масштабируйте его, чтобы он обрезал слева и справа.

Transform.scale(
     scale: [your scaling factor], // 1 is normal
     child: [YourContainer()],
)

Комплексное решение: вы можете сделать специальный клипер для своего контейнера и соответствующим образом обрезать его.

05.12.2022 05:42