React-native-reanimated-bottom-sheet: How to black out the background like example?

Created on 21 Apr 2020  路  4Comments  路  Source: osdnk/react-native-reanimated-bottom-sheet

How to black out the background like example when bottomsheet open?

picture Arjun-aks
👍6

Most helpful comment

Maybe it can help : https://github.com/osdnk/react-native-reanimated-bottom-sheet/blob/master/Example/src/screen/AppleMusic.tsx#L202

picture adscud on 4 May 2020
👍2 🎉1

All 4 comments

See: Example/BlurToolbar.js

lukebars picture lukebars on 23 Apr 2020

See: Example/BlurToolbar.js

But, if I don't wanna let user touch View or ScrollView beyond the overlay?

Abdulaev picture Abdulaev on 30 Apr 2020
👍1

Maybe it can help : https://github.com/osdnk/react-native-reanimated-bottom-sheet/blob/master/Example/src/screen/AppleMusic.tsx#L202

adscud picture adscud on 4 May 2020
👍2 🎉1

Both answers above perfectly answer the question. I think the issue can be closed.

jtomaszewski picture jtomaszewski on 4 Jun 2020
Was this page helpful?
0 / 5 - 0 ratings

Related issues

Janak-Nirmal picture Janak-Nirmal  路  3Comments
gabrielmoncea picture gabrielmoncea  路  6Comments
lukebars picture lukebars  路  5Comments
mitsest picture mitsest  路  3Comments
burhanahmed92 picture burhanahmed92  路  6Comments