Как преобразовать дочерние виджеты в флаттер?

Я хочу анимировать виджеты, подобные приведенному ниже gif

Но то, что происходит, похоже на картинку ниже

Я просто добавил цвет в контейнер, чтобы получить представление о рамке родительского контейнера.

Как сделать так, чтобы внутренние виджеты обрезались при выходе из родительского виджета?

Я использую Transform для анимации подобных проектов.

Пожалуйста, дайте мне знать, если потребуется дополнительная информация.

flutter dart flutter-layout

vinbhai4u 16.05.2018 источник

arrow_upward
1
arrow_downward

Если вы хотите, чтобы ваш красный контейнер обрезал переполнение, вы должны обернуть его в ClipRect.

new ClipRect(
   child: new Container(color: Colors.red, child: myAnimationThing),
),

Rémi Rousselet 16.05.2018