Missing bottom padding/margin on iPhone 14 pro

[marcus-chr]

Missing bottom padding/margin between the tabs and the "black horizontal line".

Screenshot from a iPhone 14 Pro Max. Works great on e.g. iPhone 12 Pro Max.

[programmrz]

same issue here, but on the pro max. somehow floating has it.

[programmrz]

okay, I solved the issue. It uses (isIphonex), which literally checks the notch by checking if it's an ios platform and then checking a hard coded list of Dimensions.get('window').height. You can A) add the iPhone 14 pro & Max heights or B) go ahead an import react-native-safe-area-context and get useSafeAreaInsets and add it to the config. I don't know how to use git and do a pull request?

[Brunowilliang]

@programmrz, @marcus-chr hey guys, did you solve this problem?

[programmrz]

@Brunowilliang I did, but ended up no longer using the package.

Go into node_modules/react-native-animated-nav-tab-bar/dist/lib/index.js

On line 156, add your iPhone's screen dimension to the list.

[Brunowilliang]

@programmrz like this? Can you show me where I should move and what to put?

[programmrz]

@Brunowilliang

I would suggest using an alternate package, any time you run npm install or anything else, it'll reset and you'll need to do this again.

[Brunowilliang]

@programmrz I think it's because of this lib https://github.com/ptelad/react-native-iphone-x-helper is no longer receiving updates, would need to switch to another lib :(

[muhammedesadkaya]

@programmrz is there any alternative lib? I really can't find for RN-navigation v6

[github-actions[bot]]

Stale issue message

[fukemy]

please update the lib, this is very noisy in iPhone 14

[torgeadelin]

This should work on latest release. 3.1.10