nativescript-community/ui-material-components

[BottomNavigation] first tab has extra space on IOS

Woongsik opened this issue · 0 comments

Hi, the bottom navigation, firstly initialized tab (ie selectedIndex="0") has extra space from the top on IOS.
I play with iosSafeArea and seems that it is related to the ios safe area.
See the picture here.

Screenshot 2022-12-23 at 9 11 27

Here is my package.json

"@klippa/nativescript-http": "^3.0.3",
"@nativescript-community/ui-drawer": "^0.1.1",
"@nativescript-community/ui-material-bottom-navigation": "^7.0.32",
"@nativescript-community/ui-material-tabs": "^7.0.32",
"@nativescript-community/ui-pulltorefresh": "^2.5.1",
"@nativescript-community/ui-svg": "^0.1.2",
"@nativescript-community/universal-links": "^3.0.0",
"@nativescript/appversion": "^2.0.0",
"@nativescript/background-http": "^6.0.0",
"@nativescript/camera": "^5.0.15",
"@nativescript/core": "~8.4.1",
"@nativescript/directions": "^2.0.2",
"@nativescript/email": "^2.0.5",
"@nativescript/firebase-core": "^2.5.1",
"@nativescript/firebase-messaging": "^2.5.1",
"@nativescript/firebase-remote-config": "^2.5.1",
"@nativescript/firebase-crashlytics": "^2.5.1",
"@nativescript/geolocation": "^8.1.0",
"@nativescript/google-maps": "^1.4.9",
"@nativescript/imagepicker": "^1.0.9",
"@nativescript/iqkeyboardmanager": "^2.1.0",
"@nativescript/pdf": "^1.0.1",
"@nativescript/social-share": "^2.3.0",
"@nativescript/theme": "^3.0.2",
"@nstudio/nativescript-carousel": "^8.0.3",
"@triniwiz/nativescript-image-zoom": "^4.1.3",
"axios": "^0.26.1",
"buffer": "^6.0.3",
"json2typescript": "^1.5.1",
"moment-timezone": "^0.5.40",
"nativescript-feedback": "^2.0.0",
"nativescript-numeric-keyboard": "^5.0.2",
"nativescript-phone": "^3.0.3",
"nativescript-soft-keyboard": "^2.3.0",
"nativescript-vue": "^2.9.3",
"safe-buffer": "^5.2.1",
"tinycolor2": "^1.4.2",
"ts-optchain": "^0.1.8",
"url-parse": "^1.5.10",
"util": "^0.12.5",
"vue-i18n": "^8.27.0",
"vue-lazyload": "^1.3.3",
"vue-moment": "^4.1.0",
"vuex": "^3.6.2"

},
"devDependencies": {
"@nativescript/android": "~8.4.0",
"@nativescript/ios": "~8.4.0",
"@nativescript/types": "~8.4.0",
"@nativescript/webpack": "^5.0.9",
"@types/node": "^18.11.9",
"nativescript-vue-template-compiler": "^2.9.3",
"typescript": "^4.8.4",
"vue": "~2.7.14",
"vue-loader": "^17.0.1"
}