Animation Full Frame

[sarojpanda44]

UI/UX Issue

The cloud animation doesn't fill up the full top frame. It looks better with full frame animation like in Google weather forecast. Screenshots attached. Thanks 👍

Additional Context

Any additional context, such as suggestions for improvement.

[PranshulGG]

The animation is gonna get cut off at the status bar anyway, which doesn’t look great. Also, the animation I’m using isn’t really big enough to fill up the card and top header, but I'm thinking to make the app edge to edge so yea I might consider.

[sarojpanda44]

Not sure if edge to edge is required. But it is more about animations being in the backgroud of the search box, instead of starting from below.

[PranshulGG]

The reason is the top ‘search bar’ and bottom card are two different elements, so I can’t overlay the animation. Like, in Google’s, when you scroll down, the search bar doesn’t stick to the top ‘cause it’s the same element. But in mine, it does stick, so I’d have to remake the whole main card and search bar to make it work.

[sarojpanda44]

Understood. Trading off with one or the other features 😄
But keep in mind if it's possible in any way then it would be amazing 😊

[PranshulGG]

Understood. Trading off with one or the other features 😄 But keep in mind if it's possible in any way then it would be amazing 😊

If it’s easy to implement, you might see it in the next update

[PranshulGG]

@sarojpanda44 I know it's late, lol, but I managed to make the animation full-frame! I had to recode how animations are placed on the card.

[sarojpanda44]

Awesome 😍