IconButton style prop is not manageable due to container element.

[pranavbabu]

Current behaviour

When you add style prop such as zIndex to IconButton component it's no applied because IconButton wrapped in Surface component which has static styles defined.

Expected behaviour

When adding zIndex property it applies to Surface component and works.

How to reproduce?

Create <View><IconButton style={{ zIndex: 1, position: "absolute" }} /> <View style={{ backgroundColor: 'red' , width: 10, height: 10 }} ><View></View>

Preview

How it looks when I add zIndex: 1 to IconButton style prop How it looks when I add View wrapper with zIndex: 1

What have you tried so far?

In order to fix it I wrapped IconButton with extra <View style={{ zIndex: 1 }}></View>

Your Environment

software	version
react-native	0.73.4
react-native-paper	5.11.3