Иногда все, что нужно вашему приложению, — это небольшая анимация, чтобы ваше приложение выглядело более эстетично. Хотя у флаттера есть несколько встроенных анимаций, с которыми вы можете поиграть в своем приложении, но их также сложно реализовать.

Lottie предоставляет простой способ добавить анимацию в ваше приложение, чтобы создать дополнительные ощущения. Один из лучших сценариев использования lottie — это вводная страница.

Чтобы использовать lottie, мы должны установить пакет в нашем приложении. мы можем сделать это, добавив «lottie: ^ 2.4.0» под нашими зависимостями в нашем файле pubspec.yaml.

Или просто добавьте эту команду в свой терминал, чтобы установить ее «flutter pub add lottie», вы можете перейти на pub.dev, чтобы узнать больше об этом.

Теперь нам нужно перейти на этот сайт https://lottiefiles.com, чтобы получить нашу анимацию лотереи, вы также можете создать там свою личную анимацию. вот ссылка на анимацию, которую я буду использовать https://assets10.lottiefiles.com/packages/lf20_kx6a1byu.json.

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

Давайте начнем с сети, которую проще всего реализовать в вашем приложении, все, что вам нужно сделать, это получить ссылку на анимацию, как я сделал ранее. затем мы используем виджет «lottie.asset», чтобы добавить его. это должно выглядеть так.

Результат должен выглядеть следующим образом.

Чтобы использовать актив, мы должны загрузить анимацию в папку нашего проекта, поэтому создайте новую папку с именем assets в папке проекта для хранения загруженных анимаций, а затем перейдите в свой pubspec.yaml, чтобы разрешить эти анимации в вашем приложении.

Затем, после того, как вы можете использовать виджет «lottie.asset», чтобы добавить анимацию в свое приложение, ссылаясь на местоположение анимации. это должно выглядеть так

То, как легко добавить анимацию в ваше приложение, должно вам понравиться.

Вы можете поиграть с ним, чтобы лучше понять его.