React Native uygulamamda hata ayıklamak üzere geliştirici menüsünü açmak için Android öykünücüsündeki bir Android cihazı nasıl "sallayabilirim"

Bir çapraz platform React Native mobil uygulaması üzerinde çalışıyorum. Geliştirirken console.log deyimleri yazıyorum. Android uygulamasını varsayılan Android öykünücüsünde çalıştırırken bu günlük bildirimlerini Chrome'da görmek istiyorum. Facebook'un belgelerine göre sadece "cihazı sallamam" gerekiyor. Bunu Android öykünücüsünde nasıl yapabilirim?

Uygulama içi geliştirici menüsüne erişmek için:

İOS'ta cihazı sallayın veya simülatörde kontrol + ⌘ + z tuşlarına basın. Android'de cihazı sallayın veya donanım menü düğmesine basın (daha eski> cihazlarda ve emülatörlerin çoğunda, örneğin genymotion'da hardware + m tuşlarına basarak> donanım menüsü düğmesine tıklamayı simüle edebilirsiniz)

Android Emülatörü basın uygulamanızda dahilinde Command+ MMacOS veya Ctrl+ MLinux ve Windows üzerinde.

Emülatörde çalışan bir React Native ile, +
tuşuna basın (Linux için, Windows ve Mac OS X için + aynıdır ) veya terminalde aşağıdakileri çalıştırın: ctrlm⌘m

adb shell input keyevent 82

Android Studio 2.0 ile birlikte gelen yeni emülatörü kullanıyorsanız, tıpkı Genymotion'daki gibi menü tuşunun klavye kısayolu artık Cmd + M'dir.

Alternatif olarak, adbbir terminalde kullanarak her zaman bir menü düğmesine basabilirsiniz :

adb shell input keyevent KEYCODE_MENU

Ayrıca menü düğmesi kısayolunun katı bir gereksinim olmadığını, yalnızca ReactActivityJava sınıfı tarafından sağlanan varsayılan davranışı (projenizi oluşturduysanız varsayılan olarak kullanılır react-native init) olduğunu unutmayın. İşte alakalı kod onKeyUpiçinde ReactActivity.java:

if (keyCode == KeyEvent.KEYCODE_MENU) {
  mReactInstanceManager.showDevOptionsDialog();
  return true;
}

Mevcut bir uygulamaya React Native ekliyorsanız ( buradaki belgeler ) ve ReactActivitymenü düğmesini kullanmıyorsanız , menü düğmesini de benzer şekilde bağlamanız gerekir. Ayrıca ReactInstanceManager.showDevOptionsDialogbaşka herhangi bir mekanizmayı da arayabilirsiniz . Örneğin, üzerinde çalıştığım bir uygulamada, menüyü getiren yalnızca devasa bir Action Bar menü öğesi ekledim, çünkü bunu fiziksel bir cihaz üzerinde çalışırken cihazı sallamaktan daha uygun buluyorum.

'Ctrl + m' , React-Native geliştirici menüsünü getirmek için Android emülatöründe Windows için çalışır .

Hiçbir yerde belgelenmiş bulunamadı. Burada yolumu buldum, gerisini tahmin ettim ... İyi keder.

Bu arada: OP: Hangi işletim sisteminde olduğunuzu söylemediniz.

Linux için öykünücünün yanındaki üç noktayı "..." tıklarsınız, Sanal sensörler üzerinde "Taşı" yı işaretleyin ve ardından x, y veya z koordinatlarını hızlı bir şekilde hareket ettirmeyi deneyin.

OSX için 'Command + M' benim için çalışıyor.

Mac OS'tayım, bu yüzden Command tuşuna bastığımda yakınlaştırma seçeneğini etkinleştiriyor. İşte benim çözümüm

• Yapılandırma penceresini aç [...] düğmesi
• Git Settingssekmesi -> Generalsekmesi -> Send keyboard shortcuts toalan
• Değeri Virtual device"resimde gösterildiği gibi değiştirin

Bu öykünücüye odaklandıktan sonra Command + M tuşlarına basın, geliştirici menüsü görünür.

command + m(cmd + M)MAC üzerinde kullanın . Ayrıca make sure that you are accessing your application while you try to access the Debug Menuyani uygulamanız çalışıyor olmalıdır aksi Cmd + Mtakdirde sadece olağan sıradan telefon menüsü dönecektir.

Yerel uygulamalar geliştirirken, terminalle çok oynuyoruz

bu yüzden package.json dosyasındaki komut dosyalarına bir komut dosyası ekledim

"menu": "adb kabuk girişi keyevent 82"

ve $ iplik menüsüne girdim

menünün emülatörde görünmesi için anahtar kodu 82 emülatöre ADB üzerinden en uygun şekilde iletmeyecektir, ancak beğendim ve paylaştığımı hissettim.

linux ctrl + m üzerinde çalışmalıdır, ancak sorunu çözmek için (...) (genişletilmiş kontrolleri) üzerine tıklayın ve o pencereyi kapatın. şimdi ctrl + m ile menüyü açabilirsiniz. sonra:

1. tıklayın (...) (genişletilmiş kontrolleri)

2. genişletilmiş kontrolleri kapat

3. Ctrl + m,

Doğrudan bir çözüm olmayabilir, ancak geliştirme modundayken dev menüsünü açmak için sallamak yerine 3 parmak dokunuşu kullanmanıza izin veren bir lib oluşturdum.

https://github.com/pie6k/react-native-dev-menu-on-touch

Uygulamanızı yalnızca içine sarmanız gerekir:

DevMenuOnTouch'ı 'dokunarak tepki göster-yerli-dev-menüsü'nden' içe aktarın; // veya: {DevMenuOnTouch} 'dokunarak yanıtla-yerli-dev-menüsü' nü içe aktar '

class YourRootApp extends Component {
  render() {
    return (
      <DevMenuOnTouch>
        <YourApp />
      </DevMenuOnTouch>
    );
  }
}

Gerçek cihazda hata ayıklamanız gerektiğinde ve yanınızda oturan iş arkadaşlarınız olduğunda gerçekten yararlıdır.

Ben üzerinde çalışıyordu bırakma yoluyla yapı adb install -r -d <app-release>.apk🤦

Hata ayıklama derlemesini çalıştırdığınızdan emin olun , ardından menü kısayol veya CLI aracılığıyla çalışır.

Windows dizüstü bilgisayarlar için fn Key + Control + m