J'ai suivi l'ensemble des étapes du cours et ai exactement le même code. Au moment où j'utilise la navigation depuis le fichier Navigation.js, j'ai l'erreur suivante :
Est-ce que quelqu'un a rencontré le même problème et a su le résoudre ?
Tu as certainement deux dépendances de react-native-gesture-handler : une via react-navigation, et une autre via expo. Je ne travaille jamais avec expo donc je ne suis sûr de rien. Utilises la commande suivante pour vérifier :
npm ls react-native-gesture-handler
La suppression du dossier node_modules puis un npm i peuvent peut-être résoudre ton problème:
Merci pour ta réponse, j'ai bien les deux dépendances, mais le fait de supprimer le dossier node_modules et de le réinstaller n'a pas réglé le problème, j'essaie de retirer la dépendance d'expo d'une autre façon et si je n'y arrive pas j'enlèverais expo tout simplement !
Bon, j'ai aussi un prb dans le chapitre navigation avec deux vues.
Une étape gitHub par chapitre serait une bonne idée.
Bon cours et je vous conseille ausi celui ci sur Coursera. C'est une suite complete avec la construction d'un site de cuisine avec React, React-Native et la création d'un RestFull Api pour les deux avec liaison à MongoDB
React étant un framework JavaScript, il semblait logique que le sujet relatif au cours se trouve dans le forum Javascript ... Apparemment pas pour tous les monde ... désolé ...
Concernant les remarques sur le cours, il serait plus efficace de contacter directement l'auteur du cours dont vous trouverez les coordonnées dans le cours en question.
React étant un framework JavaScript, il semblait logique que le sujet relatif au cours se trouve dans le forum Javascript ... Apparemment pas pour tous les monde ... désolé ...
Concernant les remarques sur le cours, il serait plus efficace de contacter directement l'auteur du cours dont vous trouverez les coordonnées dans le cours en question.
Très grande réflexion et bravo. Il serait même assez pertinent que le cours soit lié à son espace de forum. Ce n'est pas le cas pour ce cours. Je pense qu'un peu de CX (customer experience : Branding and Customer Experience) serait un vrai plus pour votre Mooc. Je suis Beta testeur et Mentor pour Coursera, j'ai l'impression que le service client est plus à l'écoute…
Alors déjà merci beaucoup pour ce tuto car vraiment j'adore React Native !
Sinon plutôt que de le faire autour des films, je l'ai fait autour des livres et j'utilise pour cela l'API de Google Books, le problème c'est qu'avec cette API c'est que si par exemple une image n'est pas disponible pour un livre et bien la clé n'existe pas ! Contrairement à IMDB où la clé existe mais la valeur est vide, ce qui fait que ça me renvoie "TypeError: undefined is not an object (evaluating 'book.volumeInfo.imageLinks.thumbnail')", du coup je cherche à conditionner par rapport à si la clé existe ou pas et je ne trouve pas comment ...
Edit : j'ai réussi en incluant un ternaire dans source ^_^
J'ai commencé le cours depuis peu et je rencontre un problème d'update avec une FlatList.
En effet, le premier affichage se passe sans problème, mais quand je clique sur mon bouton 'Rechercher' pour mettre à jour le contenu de la FlatList, rien ne se passe.
Je vous transmets mon code que j'ai légèrement modifié par rapport à celui du cours afin d'isoler l'erreur :
Je rencontre un soucis au moment de créer l'infinite scroll, dans le chapitre "Appréhendez le setState".
Tout se passe bien, sauf qu'au bout d'un moment de scroll, je rencontre cette erreur : "Warning: Encountered two children with the same key, `%s`. Keys should be unique so that components maintain their identity across updates. Non-unique keys may cause children to be duplicated and/or omitted — the behavior is unsupported and could change in a future version.%s, 300131, "
Je me creuse sans trouver la solution, si vous pouviez m'aider ?
Oui je pense que la fonction d'importation est correcte, d'ailleur l'importation se passe niquel, c'est seulement aprés le chargements de quelques pages au scroll que le probleme apparait.
export function getFilmFromAPI(text, page){
const url = 'https://api.themoviedb.org/3/search/movie?api_key=' + API_TOKEN + '&langage=fr&query=' + text + '&page=' + page;
return fetch(url)
.then((response)=> response.json())
.catch((error)=>console.error(error))
}
export function getImageFromAPI(name){
return 'https://image.tmdb.org/t/p/w300' + name
}
Et bien en fait, la recherche de film fonctionne (j'ai essayé avec "star", "test"....) La j'ai testé le scroll et l'erreur apparaît au bout du chargement de quelque page de résultat . Et à ce moment là ça fait planter l'appli oui
Ok, étrange, je viens de l'avoir cette erreur justement, il m'a suffit de reload l'application pour la faire disparaitre, j'ai comme l'impression que chez moi avec une mise à jour du code le cache de l'application était la cause du problème.
Ce qui me rassure (ou pas après reflexion), c'est que je viens de faire un copier coller exacte du code du cours, et que l'on obtient le même résultat.
Peut être qu'une MAJ de React Native ou de L'API est a la base du problème...
et aussi :
FarisAjeddig a écrit:
Bonjour bonjour !
Tout d'abord, merci pour ce cours très bien construit !
J'ai suivi l'ensemble des étapes du cours et ai exactement le même code. Au moment où j'utilise la navigation depuis le fichier Navigation.js, j'ai l'erreur suivante :
Est-ce que quelqu'un a rencontré le même problème et a su le résoudre ?
Merci d'avance !
La solution est de supprimer, dans node_modules/expo/node_modules le dossier react-native-gesture-handler. Depuis une MAJ, React Native ne supporte pas le double appel a des modules.
Salut Maxime franchement grâce a vous j'ai aimé le développement mobile je suivi ce cours de react pour application mobile jusqu'à l’éjection d'expo mais la tout a basculé j'ai réussi l’éjection mais le problème est lié quand j fais react-native run-android beaucoup des erreurs dans la console et a la fin ça marchera pas. Merci bcp quand. j'ai voulu finir cette application vraiment et la publié même dans le store bien sur avec parrainage de votre nom.
une question pour un projet video-call. du cout j'ai installé NodeJs, npm et MongodB et j'arrive a lancer mon serveur de base de données. mon problème pour l'instant c'est que j'arrive pas a accéder au serveur pour récuperer la base de données pour modifier qlq parametres du protocole SDP afin d'améliorer la Qos du video-call
Bonjour à vous ! J'essaye de démarrer un projet React Native avec expo mais je rencontre ce problème . Merci de votre aide .
Pour ce problème j'ai du faire recours à yarn et j'ai enfin trouvé satisfaction . J'utilise plus donc npm pour démarrer un nouveau Project avec React Native mais plutôt yarn . Il faudra installé yarn auparavant .
Étant développeur web j'ai l'habitude de travailler avec JavaScript quotidiennement (Applications Web pour créer des sites Internet et web service interne pour les sociétés. Je découvre le React Native avec ce forum et ce post et je suis étonné de la puissance du langage ! Il fut un temps je développé beaucoup d'applications à succès Android en JAVA (avant d'avoir des ennuis avec le Play Store...), ce qui m'a fait abandonner la programmation mobile. Mais j'avoue que je vais sûrement me remettre au développement mobile grâce à ce langage et ce cours, les possibilités et le gain de temps ont l'air énorme. Merci Maxime
N'avez-vous pas remarqué ? J'ai essayé d'avoir l'apk de la page d’accueil de React Native et à lui seul ça fait 15Mo . Avez-vous d'autres solutions pour avoir des applications légères construites avec expo ? Merci de votre réponse .
Je suis en parallèle les deux cours React et React Native.
Ayant commencé par le premier n'ayant pas trouvé d'information spécifique sur l'installation, j'ai installé Node JS "current version". Jusque là, pour le cours React, pas de problème (je n'en suis qu'au début).
Mais en découvrant le cours Reat Native il semble impératif d'installer la version LTS.
Du coup j'ai quelques questions :
- faut-il que je désinstalle la version current et que j'installe la version LTS ?
- Comment fait-on pur désinstaller cela ? (l'installation se faisant via un terminal, j'imagine que c'est de même pour la désinstallation...)
- La version LTS posera t-elle problème pour continuer à suivre le cours de React ?
Bonjour ! je te conseillerais de télécharger node (l’extension terminant par .msi) depuis son site web et de l'installer par défaut . En voulant ouvrir node tu dois l’exécuter en tant qu'administrateur. ça doit marcher avec React Native.
lesjoiesducode / Les points-virgules en JavaScript
lesjoiesducode / Les points-virgules en JavaScript
❶ Concepteur de sites chez NancyWeb : Agence web de Nancy (54) ❷ Développeur Front-End