I'm trying to change the background color of the Dialog component. By default it's white, I want it to be lightblue.
Here is what I tried:

<Dialog
    style={{ backgroundColor: 'black' }}
    backdropStyle={{ backgroundColor: 'lightpink' }}
    overlayStyle={{ borderRadius: 16, borderWidth: 1, backgroundColor: 'black', borderColor: 'gold' }}
    isVisible={true}>
    <View style={{ backgroundColor: 'lightblue' }}>
	<Text style={{ fontSize: 20, textAlign: 'center' }}>
		Lorem ipsum dolor sit amet, consectetur adipiscing elit.
	</Text>
    </View>
</Dialog>

Screenshot of the above code:

overlayStyle applies borderColor (among others) but not backgroundColor. The style prop didn't change anything. Setting the background directly on the child leaves a gap.

I couldn't find anything in the docs or in previous discussions/issues. A code snippet or link to docs would be awesome 🙌