Animate the floating action button visibility in the client screen.

[UduakUmanah10]

Summary:

To improve visibility of the user I want to animate the visibility of the floating action button in the in the client screen after the first
five element is scrolled away from the screen.

Possible Approach:

I would achieve this using the lazy list state and the derivedstateof{} that observes a state and produces a new state to determine if the floating action button should be shown or removed without triggering excessive recompositing of the lazy list composable

steps to implement this feature:

• move the floating action button into a separate composable function that has an argument namely the Scrollstate that would used to derive a new state by the derivedstateof() lambda .

• the derived state would enable the visibility and invisibility of the floating action button without excessive recompositions.

• replace the Icon composable with the newly created icon composable function in the scaffold.

Select Type:

• UI Improvements
• UI Add On
• Improve Existing Code
• New Feature
• Other

[UduakUmanah10]

I would like to work on issue #2072

[therajanmaurya]

Go ahead and send PR

[Somesh-nayek]

@UduakUmanah10 please assign me this issue, i want to work on this