Message disappers quickly in iOS

[damanmokha]

I'm experiencing an issue with displaying messages on iOS, which works perfectly fine on Android. The problem is that whenever an error message is shown on iOS, it appears briefly for a fraction of a second and then disappears, making it difficult to read. This is not the case on Android, where it displays properly. I have attached videos demonstrating this for both platforms.

This my code

 <SafeAreaView style={styles.container}>
  <View style={{marginTop: 15}}>
    <FlashMessage position="top" />
  </View>
  <MyStatusBar backgroundColor="#292929" barStyle="light-content" />
  <NavigationController />
</SafeAreaView>

 Object.values(responseData.data).forEach(errorMessage => {
    showMessage({
      message: errorMessage[0],
      type: 'danger',
      duration: 3000,
    });
  });

iOS Version: 16.4
React Native: 0.72.3
react-native-flash-message: 0.4.1

Could you please assist me with this? Thank you.

iOS
https://github.com/lucasferreira/react-native-flash-message/assets/8386910/c4c0cd11-0402-4018-86c3-ab2425c55b3a
Android
https://github.com/lucasferreira/react-native-flash-message/assets/8386910/516fd88e-0f1c-439d-98a5-d8725c234b91