react-native-router-flux tabbar styling on iPhone X

Seems like RNRF is using safeAreaView or something to add extra padding below the rendered tabbar:

Which is good and all because it makes sure my tab bar clicking experience wouldn't be interfered with the bottom bit of iPhone X screen as you can see in the image.

But I just need to access that padding to modify it to my liking. i.e. the height of the padding and if I want to disable the padding altogether and just expand the buttons themselves to the bottom of the screen.

So far I can only modify its color by adding backgroundColor to tabBarStyle props on the Scene component.

Been reading the docs to see if there's any specific mention of styling for iPhone X but no luck.

Is there anything I can do to modify the padding level?

Any pointers would be greatly appreciated :D