Missing bottom padding/margin on iPhone 14 pro
marcus-chr opened this issue · 11 comments
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.
same issue here, but on the pro max. somehow floating has it.
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?
@programmrz, @marcus-chr hey guys, did you solve this problem?
@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.
@programmrz like this? Can you show me where I should move and what to put?
@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.
@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 :(
@programmrz is there any alternative lib? I really can't find for RN-navigation v6
Stale issue message
please update the lib, this is very noisy in iPhone 14
This should work on latest release. 3.1.10