Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Change background color of dim effect?

See original GitHub issue

Hi, good day!

Firstly, great work! I was trying out react-native-drawer and I noticed that the dim effect ( the area which is not covered by the side drawer ) is always white with opacity.

I’ve already tried the following:

const drawerStyles = {
    drawer: {
        shadowColor: '#000000', shadowOpacity: 0.8, shadowRadius: 3
    },
    main: { paddingLeft: 3 }
}

However, the dim effect is still in white.

May i know if there’s any API to change the dim color?

Cheers!

Issue Analytics

State:
Created 7 years ago
Comments:5 (1 by maintainers)

Top GitHub Comments

65reactions

patrickcarnecommented, Jul 14, 2016

Finally got this working as expected:

tweenHandler={ratio => ({ main: { opacity: 1, }, mainOverlay: { opacity: ratio / 2, backgroundColor: ‘black’, }, })}

The key is to have the opacity of the main always at 1 (stop the main area fading out), and setting the mainOverlay opacity between 0 and % of ratio (currently 50%).

5reactions

jersoncommented, Jun 14, 2016

just

tweenHandler={(ratio) => { return { mainOverlay: { opacity: ratio, backgroundColor: ‘black’ } } }}