renderHeader Padding Bug?

[ririlya94]

Hi there @budiadiono .. I notice abit buggy in the picker.. When i make my render header like this:

renderHeaderDate() {
        return (
          <View style={{ padding: '5%',
            alignItems: 'center',justifyContent:'center'}}>
            <Text style={{color:'#ff4e00',fontWeight:'normal',fontSize:wp('4.4%')
            }}>Select a Date</Text>
          </View>
            
        )
    }

The UI become like this (for iOS only.. android is working fine)

But if i change the padding:'5%' to , height:'13%', it will become like this:

This buggy only happen when you have a lot of array inside it..

Hope can advice regarding this problem.. Thanks