Блог

Главная - Вопросы по программированию - Как добавить отображение в анимации в начале экрана в flutter

Как добавить отображение в анимации в начале экрана в flutter

#flutter #animation #widget

#трепетание #Анимация #виджет

Вопрос:

У меня есть приложение, и я хочу «показать в анимации», где при инициализации экрана нужные мне элементы выглядят так, как будто они «перемещаются внутри» экрана. Я думаю, что использование AnimatedPositioned было бы правильным вариантом, но я не могу использовать код, который у меня есть прямо сейчас. Мои элементы находятся в следующей иерархии виджетов, поэтому, пожалуйста, ответьте соответствующим образом.

 Scaffold
 - Row 
  - Padding
   - Column
    - Container (widget I want to reveal in)
    - Container (widget I want to reveal in)
  - Padding
   - Column
    - Container (widget I want to reveal in)
    - Container (widget I want to reveal in)

Ответ №1:

Я бы посоветовал использовать PositionedTransition, где вы можете установить начало и конец. Вы можете попробовать следовать этой статье. Я работаю так:

 PositionedTransition(
              rect: RelativeRectTween(
                begin: RelativeRect.fromLTRB(0.0, 0.0, 0.0, 0.0),
                end: RelativeRect.fromLTRB(100.0, 100.0, 0.0, 0.0),
              ).animate(_animationController),
              child: Container(width: 100, height: 100, color: Colors.red,),
            ),

Пожалуйста, дайте мне знать, помогло ли это. Ваше здоровье

Комментарии:

1. что означают слова smallLogo и bigLogo?

2. это был код из примера. Я отредактировал ответ чем-то более простым. Вам нужно будет настроить relativerectween и animation для достижения желаемой анимации

Метки: