You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Hi, first of all, thanks for creating an awesome library!
Everything works so well but I'm facing few issues with styling.
First is customizing the backdrop but looks like it isn't possible at the moment. So as a workaround, I set dimmed={false} and create custom backdrop component that fills the screen with certain color and opacity when TrueSheet is opened. This works for me at least since I'm also setting dismissible={false}, which removes the requirement of dynamically changing the opacity of the backdrop when user's vertically panning the sheet.
Now the second is the subject of this discussion, which is to remove or customize the shadow of the sheet.
What I'm trying to achieve here is to style the sheet's background with custom BlurView. But when I set backgroundColor={'#fffffff'} or backgroundColor={'transparent'} to remove the default background, it leaves the shadow on the background. This then makes the BlurView darker since the default shadow affects the background.
I tried overriding shadowColor, shadowOpacity, shadowOffset, shadowRadius style properties but nothing helped. Is there any workaround to this?
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
Uh oh!
There was an error while loading. Please reload this page.
-
Hi, first of all, thanks for creating an awesome library!
Everything works so well but I'm facing few issues with styling.
First is customizing the backdrop but looks like it isn't possible at the moment. So as a workaround, I set
dimmed={false}
and create custom backdrop component that fills the screen with certain color and opacity whenTrueSheet
is opened. This works for me at least since I'm also settingdismissible={false}
, which removes the requirement of dynamically changing the opacity of the backdrop when user's vertically panning the sheet.Now the second is the subject of this discussion, which is to remove or customize the shadow of the sheet.
What I'm trying to achieve here is to style the sheet's background with custom BlurView. But when I set
backgroundColor={'#fffffff'}
orbackgroundColor={'transparent'}
to remove the default background, it leaves the shadow on the background. This then makes the BlurView darker since the default shadow affects the background.I tried overriding
shadowColor
,shadowOpacity
,shadowOffset
,shadowRadius
style properties but nothing helped. Is there any workaround to this?Beta Was this translation helpful? Give feedback.
All reactions