Navigation Drawer visibility issues in Vuetify - vuejs2

Since i have updated the vuetify framework from 0.16.9 to 0.17.4 i am facing a weird issue of Navigation drawer not being shown in full screen desktop mode, but works fine in mobile view mode. Issue started from vuetify version (0.17.3)
i have read here that the issue is fixed, But some how its now working for me. Anyone has faced or resolved this issue?
2b40331 Fixed a bug where v-navigation-drawer was not properly
updating the layout when resizing from mobile to desktop resolutions
efdbd80 Fixed a bug where a destroyed v-navigation-drawer would try to
evaluate its element
Mobile view
Desktop view

Related

react native expo showing strange overla

i am learning react native with expo instalation and using react-native navigation drawer. after some time adding new plugin/packages, create new components, and clean up/remove basic default installation components (i use tab template), it shows something like this in the android emulator: strange overlay sliding from bottom to top when first reload.
do you guys know and experience same thing? what is that and how to remove it? i tried run it on web, it doesnt show

ReactNative App works on Simulator but crashes in TestFlight

I am developing a ReactNative app for iOS using Expo.
The app worked correctly on a real iPhone with just basic components (View, Text, Button & Styling).
However, I added Stack Navigation last night. The app had no issues on the simulator so I built through 'eas build' (also no problems). I submitted it to TestFlight for internal testing. But, when I click to open the app, it crashes immediately. As it is an actual app, it gives no info about the cause.
I am very stumped, so any help would be great. Thanks!
Solved this months ago but forgot to post the solution.
In case anyone is having a similair issue, the problem was really small.
I was using navigation components such as'createStackNavigator' instead of their native counterparts e.g. 'createNativeStackNavigator'. Made the swap and the app is now working properly.

Bottom Tabbar touchables are red in react-native inspector and not clickable

I'm facing a weird issue with my react-native application which i'm not able to solve.
I use react-navigation in my app and #react-navigation/bottom-tabs for the bottom tab navigator.
While developing the iOS version everything worked fine, but in the android version i'm not able to click the buttons in the bottom tab bar.
I'll already checked the "touchables" from the bottom bar with the inspector from the react-native debugger and i recognized a "red area" over the buttons.
Someone knows where this comes from and if this is the reason for blocking the buttons?

React native, Android, the warning console from the bottom side appear under navigation

I don't understand why the warning popup appears under phone's navigation bar. This issue is happening only on android, on Iphone everything is ok.
I am using react-native 0.63 and for navigation I am using react navigation version 5.
Thank you.

React native changing default page while in development

When in development it's easier/faster to develop if we can see the currently editing page as soon as the app is displayed in emulator. Is there an easy way to do this without changing the navigation paths manually?