Open Woongsik opened 1 year ago
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.
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" }
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.
Here is my package.json
}, "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" }