I'm new to React Native and I'm just starting to learn about it but I noticed from different tutorials that expo has a dev tool that open in web browser which don't work for me.
I'm using expo-cli: version 6.0.2 and 46.0.7.
What should I do to solve this issue.
The way you open developer menu is a bit different depending on where you're running the Expo Go app:
iOS Device: Shake the device a little bit, or touch 3 fingers to the screen.
iOS Simulator: Hit Ctrl + Cmd ⌘ + Z on a Mac in the emulator to simulate the shake gesture, or press Cmd ⌘ + D.
Android Device: Shake the device vertically a little bit, or run adb shell input keyevent 82 in your terminal window if your device is connected via USB.
Android Emulator: Either hit Cmd ⌘ + M or Ctrl + M or run adb shell input keyevent 82 in your terminal window.
Check the expo doc...
Related
Im new on react native. npm start is starting the Metro Bundler on Terminal but no on the Browser.by "w" cmd Metro Bundler THE MENU ON THE LEFT is NOT displayed on Browser
I am assuming that you would like to open the additional debug tools that are available with React Native.
In the terminal that is spawned by the Metro bundler you can enter the "d" key and it should open the developer menu for both the iOS and Android device that you have connected. In the developer menu you can then launch additional debug tools like Flipper by choosing "Open Debugger" or React DevTools in Chrome by choosing "Open React DevTools".
If that doesn't work, what usually works for me is entering the key combination - ⌘ + D [On Mac for iOS] or ⌘ + M [On Mac for Android] | Ctrl + M [On Windows for Android]. This will also open the developer menu on the device or emulator/simulator that you have connected to Metro.
NOTE - You tagged microsoft-metro when it should've been metro-bundler
Additional Resources:
React-Native Debugging
Metro Docs
What you should expect:
Ive been trying to make a simple app in react native using expo, till yesterday when i saved my app.js file it automatically refreshed the app running on my phone but today i tried running the app it doesnt reload when i save the file after making changes and im also getting this new window till yesterday all was working fine i dont know what happened today. when i click reload on the reload button it reloads but it was much easier when it was automatically refreshing everytime i save.
Looks like you have enabled Debug mode and disabled Fast Refresh. Open the developer menu: https://docs.expo.io/workflow/debugging/#developer-menu
iOS Device: Shake the device a little bit, or touch 3 fingers to the
screen.
iOS Simulator: Hit Ctrl-Cmd-Z on a Mac in the emulator to simulate the
shake gesture, or press Cmd+D.
Android Device: Shake the device vertically a little bit, or run adb
shell input keyevent 82 in your terminal window if your device is
connected via USB.
Android Emulator: Either hit Cmd+M, or run adb shell input keyevent 82
in your terminal window.
Then Enable Fast Refresh.
You might want to also disable Debug Mode by selecting Stop Remote Debugging (this will improve performance and get rid of that localhost window you posted)
I am working on android TV OS in react native.I am trying to open the profiling menu but the menu cannot be opened from a remote.Is there any way to open the menu like how we shake or use (ctrl + m in windows or ctrl + D in mac) to open the menu in android TVOS.
Dev Menu support: On the simulator, cmd-M will bring up the developer menu, just like on Android. To bring it up on a real Android TV device, press the menu button or long press the fast-forward button on the remote. (Please do not shake the Android TV device, that will not work :) )
Source: Facebook Github
I have a redmi note 3 device
When I connect device via usb and run react-native run-android this is what i've got
No red screen error
If I close the app , then run the packager and open it again I have the app works but debug menu not works by shaking or pressing menu button
What is going wrong here?
I have a windows compunter, and I install a VMWare under windows, then I install latest Mac OS X under VMWare,then I install latest XCode, React Native under the Mac OS X. The Mac OS X using a faking display driver which is not good. For example, the Android studio under my Mac OS X flicker terribly that it is impossible to stand with it. But XCode works fine with my Mac OS so it is enough for developing React Native APP until React Native 0.18.0.
With early version of React Native, I can open XCode and run RN APP with a iPhone 6S Plus emulator. When I press Command + D,the React Devtool pop up on chrome.
But with RN 0.18.0, when I press Command + D, a menu( with a litter flicker which is wierd because the emulator never flicker) pop up on emulator and I cannot select any item in the menu( I guess it is because my poor faking display driver). So I have no way to access the Devtool under RN 0.18.0