Я создал Flare Animation для этих волн, которые я хочу реализовать в своем приложении флаттера - см. Здесь:
https://www.2dimensions.com/a/Tyrone/files/flare/wavey/preview
Я успешно импортировал файл в свое приложение ион показывает на моем виртуальном устройстве, как мне это нравится.Вот как выглядит основная идея макета моих приложений:
Экран 0 - Экран первого экрана Экран 1 - Введите номер телефона 2 - Экран ввода имени пользователя 3 - Страница основного приложения
Я хочу анимациюволны, чтобы оторваться, где он остановился на начальном экране.Кроме того, я пытаюсь заставить волны подниматься каждый раз, когда они проходят через экраны приложений.
Проблема в том, что мои попытки создали очень неаккуратные переходы.
IМы установили положение волн на начальной странице в нижней части экрана, а затем в середине для «экрана ввода номера телефона».
Я пытался использовать Hero с тегом в качестве имени моего ресурса Flare '' assets / waves.flr ', однако есть две проблемы с этим:
[1] Происходит анимация навигации на фондовом флаттеречто делает весь процесс непоследовательным (как это отключить?) [2] Анимация волн на экране ввода номера телефона не начинается там, где прекращаются волны начального экрана.Это было ожидаемо, так как у меня есть ощущение, что мне нужен доступ к данным ключевого кадра моего файла Flare, но как вы это сделаете?
Как только это будет решено, мне просто нужно выяснить, как увеличить высоту волнпо экранам.Я не думаю, что это будет слишком сложно, но мы увидим после того, как я решу первые две проблемы
Expanded(
child: Hero(
tag: 'assets/wavey.flr',
child: Stack(
children: <Widget>[
Animations.waves, // static FlareActor variable from my Animations.dart file
// Other irrelevant code...
Я хотел бы видеть плавный переход между экранами, где волны идеально перемещаются по горизонтали и вертикали, используяFlare или, если у кого-то есть другие предложения, я открыт для них.
Прямо сейчас я вижу небрежные анимационные переходы.