Wie öffne ich reagieren-native dev-Menü auf einem echten Gerät

Habe ich gesehen, bereits eine Reihe von Grenz Fällen und strange-Entwickler-Schnittstelle.

Aus der "schütteln Sie Ihr Gerät", das ist wirklich unpraktisch, speziell mit einem tablet

Zu arbeiten rund um Android studio zu simulieren-Taste drücken.

Gibt es eine konsistente Möglichkeit, es zu tun? Können wir nicht eine intern-API, um eine debug-button in unserer app für die Einleitung einer solchen Menü, wie navigator.popUpDevMenu()?

Und wenn nicht, wie können Sie schütteln Sie Ihr tablet, um es arbeiten. Dies soll zu lösen Konfigurieren von HMR auf einem realen Gerät, zu. Reagieren die einheimischen nicht verbessert die Entwicklung Erfahrung, aber ich würde sagen, dass bestimmte Sache verlangsamt es ein bisschen.

InformationsquelleAutor jsdario | 2016-06-15
  1. 59

    Wenn Sie auf einem mac, ist es ein praktisches tool namens Frappe. https://github.com/niftylettuce/frappe

    Können Sie mit diesem Befehl von der shell aus

    adb shell input keyevent 82

    wenn noch nicht laufen react-native run-android oder wenn das Gerät getrennt wird, nachdem Sie ausgeführt haben, die react-native run-android. Sie müssen re-aktivieren Sie die Entwicklung der server-port. Sie können diesen Befehl ausführen, und versuchen Sie es erneut mit dem vorherigen Befehl

    adb reverse tcp:8081 tcp:8081

    BEARBEITEN: diese Lösung funktioniert nur für android-Geräte und ist unter den hacks, die in der Frage oben. So ist es verbesserungsfähig. Aber Es ist ausgewählt als eine gültige Antwort, bis dies geschieht.

    • Dies sind die Art von workarounds, die ich erwähnen. Sie sind subtiler als die, die ich dargestellt, obwohl.
    • Frappe funktioniert nicht auf mac-Geräte (ipads, iphones)
    • Dieser Befehl funktioniert auch auf Windows 10 und Android 6 Marshmallow.
    • "adb shell input keyevent 82" Das hat mir geholfen . Vielen Dank !!
    • Dies funktioniert nicht für mich. Ich bin mit Xiaomi Redmi pro 3 mit 5.1.1. Der keyevent nur die Liste der Laufenden Anwendungen. Keine Hilfe ?
    • Haben Sie versucht das ? github.com/facebook/react-native/issues/...
    • Das gleiche gilt für mich, meine Xiaomi nicht alles tun, mit adb shell input keyevent 82 🙁
    • Arbeitete auf Android, aber hatte zu schütteln, mein iOS-Gerät, cheers.

    InformationsquelleAutor agent_hunt
  2. 9

    Hier ist was ich tun:

    Android:

    Fügen Sie ein Skript hinzu, um Ihr Paket.json:

    "android-shake": "adb shell input keyevent 82"

    Dann werden Sie in der Lage zu nennen yarn android-shake um das popup-Menü auf Android (solange das Gerät an den computer angeschlossen ist).

    iOS

    Einstellungen -> Eingabehilfen -> AssistiveTouch

    1. Einschalten.
    2. Tippen Sie auf Anpassen, Top-Level-Menü...
    3. Entfernen Sie alle Symbole, aber, und legen Sie es zu schütteln.

    Geben Sie eine Taste, die Sie Tippen können, statt durch schütteln des Geräts.

    Ich hoffe, dass dies anderen helfen kann.

    Wie öffne ich reagieren-native dev-Menü auf einem echten Gerät

    InformationsquelleAutor Francois Nadeau
  3. 2

    Ich habe eine lib, die es Ihnen ermöglicht zu mit 3 Fingern zu berühren, statt zu schütteln zu öffnen dev Menü, wenn im development-Modus

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

    Müssen Sie nur wickeln Sie Ihre app-innen:

    import DevMenuOnTouch from 'react-native-dev-menu-on-touch';
//or:  import { DevMenuOnTouch } from 'react-native-dev-menu-on-touch'

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

    Es ist wirklich nützlich, wenn Sie zu Debuggen, die auf einem echten Gerät und Sie haben Mitarbeiter, die neben Ihnen sitzt.

    InformationsquelleAutor pie6k
  4. 1

    Im Fall, Sie haben ein Xiaomi-Telefon, die Antwort wird nicht funktionieren, denn es ist eine Sicherheits-option verhindert popup-Fenster zu öffnen, und Sie müssen, um es für Ihre app :

    Gehen Sie zu Einstellungen > apps Installiert > [Ihr App-Name] > Genehmigung
    manager, und aktivieren Sie "Anzeige von pop-up-Fenster".

    Schütteln wieder. Das developer-Menü sollte pop-up, wie erwartet, mit nur einem
    wenig schütteln.

    Quelle: https://matthewphiong.com/debugging-react-native-app-on-a-xiaomi-phone

    • stackoverflow.com/questions/51036405/... bitte beantworten Sie meine Frage in diesem link
    • Ihre Frage ist nicht im Zusammenhang zu reagieren-Muttersprache, sondern reactjs.
    • Ich möchte einige Antwort. Niemand wird Antworten. Ich steckengeblieben 🙁
    • Kommt ein @Mr_Perfect, es ist nur etwa eine Stunde, Sie öffnete Ihre Frage :). Eigentlich Sie haben bereits Kommentare und eine Antwort.
    InformationsquelleAutor ZedTuX
  5. 1

    Füge ich eine einfache, absolut positionierte Schaltfläche onClick-handler, um es

    imoprt { NativeModules } from 'react-native';
...
onMenuButtonClick(){
 NativeModules.DevMenu.show();
}
    • Das ist eigentlich eine gute Idee. Sie können auch hinzufügen, die Schaltfläche nur auf DEV, so dass es nutzbar ist, nur dann.
    InformationsquelleAutor Sajjad Ashraf
Schreibe einen Kommentar