Comment puis-je ouvrir réagir indigènes du dev menu sur l'appareil réel

J'ai déjà vu un certain nombre de litiges transfrontaliers et étrange développeur de l'interface.

De la "secouez votre appareil", qui est vraiment pas pratique, spécialement avec une tablette

À travail autour d'Android studio pour simuler l'appui sur un bouton.

Est-il un moyen cohérent de le faire? Ne peut-on pas utiliser un stagiaire de l'API d'avoir un bouton de débogage dans notre application pour lancer le menu comme navigator.popUpDevMenu()?

Et si non, comment voulez-vous agitez votre tablette pour qu'il fonctionne. Ceci est destiné à résoudre Comment configurer HMR sur un périphérique réel, trop. Réagir natif permet d'améliorer l'expérience de développement, mais je dirais que la chose en particulier, il ralentit un peu.

InformationsquelleAutor jsdario | 2016-06-15

48

Si vous êtes sur un mac, il existe un outil très pratique appelé Frappe. https://github.com/niftylettuce/frappe

Vous pouvez utiliser cette commande dans le shell
```
adb shell input keyevent 82
```
si n'avez pas exécuté react-native run-android ou si l'appareil est débranché après avoir exécuté la react-native run-android. Vous devez re-activer le serveur de développement du port. Vous pouvez exécuter cette commande et essayez de nouveau avec la commande précédente

adb reverse tcp:8081 tcp:8081

MODIFIER: cette solution fonctionne uniquement pour les appareils android et est parmi les hacks proposé dans la question ci-dessus. Donc, il est améliorable. Cependant, Il est sélectionné en tant que réponse valable jusqu'à ce que cela arrive.
- C'est le genre de solutions de contournement, je le mentionne. Ils sont plus beaux que ceux que j'ai décrite, bien que.
- Frappe ne fonctionne pas sur mac appareils (ipad, iphone)
- Cette commande fonctionne aussi sur Windows 10 et Android 6 de la Guimauve.
- "adb shell entrée keyevent 82" Cela m'a aidé . Merci beaucoup !!
- Cela ne fonctionne pas pour moi. Je suis l'aide de Xiaomi Redmi pro 3 avec 5.1.1. Le keyevent seulement d'apporter de la liste des applications en cours d'exécution. Toute aide ?
- Avez-vous essayé ? github.com/facebook/react-native/issues/...
- De même pour moi, mon Xiaomi ne pas faire n'importe quoi avec adb shell input keyevent 82 🙁
- Travaillé sur Android, mais a dû secouer mon appareil iOS, des acclamations.
InformationsquelleAutor agent_hunt
8

Voici ce que je fais:

Android:

Ajouter un script à votre colis.json:
```
"android-shake": "adb shell input keyevent 82"
```
Vous serez alors en mesure d'appeler yarn android-shake à avoir le menu contextuel sur Android (aussi longtemps que l'appareil est connecté à l'ordinateur).

iOS

Paramètres -> Accessibilité -> AssistiveTouch
1. L'allumer.
2. Appuyez sur Personnaliser le Menu de Niveau Supérieur...
3. Supprimer toutes les icônes, mais l'un et le mettre à trembler.
Qui vous donnera un bouton que vous pouvez puiser au lieu de les secousses de l'appareil.

J'espère que cela peut aider les autres.

InformationsquelleAutor Francois Nadeau
1

Dans le cas où vous avez un Xiaomi téléphone, la réponse donnée ne fonctionnera pas, car il y a une option de sécurité ont empêché la fenêtre popup pour ouvrir et vous devez l'autoriser pour votre application :

Allez dans Paramètres > applications > [Votre Nom de l'Application] > Autorisation
gestionnaire, et activez l'option “Afficher la fenêtre pop-up”.

Agiter à nouveau. Le développeur menu pop-up comme prévu avec juste un
peu de trembler.

Source: https://matthewphiong.com/debugging-react-native-app-on-a-xiaomi-phone
- stackoverflow.com/questions/51036405/... s'il vous plaît répondre à ma question dans ce lien
- votre question n'est pas liée à réagir indigènes, mais reactjs.
- Je veux une réponse. Personne n'y répond. Je suis bloqué 🙁
- Venir un @Mr_Perfect, c'est à peu près une heure de l'ouverture de votre question :). En fait, vous avez déjà des commentaires et une réponse.
InformationsquelleAutor ZedTuX
1

J'ai créé une lib qui permet de utiliser 3 doigts tactiles au lieu de secouer pour ouvrir dev menu, lorsque le mode de développement

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

Vous n'avez qu'à envelopper votre application à l'intérieur:
```
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>
    );
  }
}
```
Il est vraiment utile lorsque vous devez déboguer sur le périphérique réel et vous avez co-travailleurs assis à côté de vous.

InformationsquelleAutor pie6k
-1

- Je ajouter un simple positionnement absolu bouton onClick gestionnaire pour qu'il
```
imoprt { NativeModules } from 'react-native';
...
onMenuButtonClick(){
 NativeModules.DevMenu.show();
}
```
InformationsquelleAutor Sajjad Ashraf

Vous devez vous connecter pour publier un commentaire.