status-mobile icon indicating copy to clipboard operation
status-mobile copied to clipboard

Published 20 hours ago • verified publisher icon status-im

Wallet - research progressive blur on mobile:

Open J-Son89 opened this issue 1 year ago • 3 comments

Design team are exploring community minted collectibles. For the list in wallet we need to display the name and the community They are exploring this idea with progressive blur: see Screenshot_2023-12-13_at_17 22 05

https://www.figma.com/file/HKncH4wnDwZDAhc4AryK8Y/Wallet-for-Mobile?type=design&node-id=7511%3A262793&mode=design&t=W99T7n97EIafY4Dr-1

The idea is to have a blur layer that desapears like a gradient

Research whether this is possible on ios and android. Document your findings and align with @mariocnovoa in the design team.

J-Son89 avatar Jan 10 '24 23:01 J-Son89

To explore: https://www.youtube.com/watch?v=oboF_H1MApo

briansztamfater avatar Jan 10 '24 23:01 briansztamfater

@OmarBasem - I think we can close this issue now, right? I think you addressed this? although maybe you can add a link to the pr you made/ or some of the results here?

J-Son89 avatar Feb 19 '24 11:02 J-Son89

This issue is probably out of scope now, but adding my findings:

Having progressive/gradient blur is possible with the library react-native-skia. Followed the steps shown in the linked video. Below is a demo of what I got:

https://github.com/status-im/status-mobile/assets/29354102/7c82a694-be4f-4ec2-9325-b64fbe9bd890

OmarBasem avatar May 13 '24 07:05 OmarBasem