Bonjour,

J'en suis à la partie sur l'utilisation des Props du cours sur React Native

https://openclassrooms.com/fr/courses/4902061-developpez-une-application-mobile-react-native/4978176-utilisez-les-props

Je rencontre une Error, dont je n'arrive pas à m'extraire :

J'ai copié collé le code proposé, pour revenir donc à la version utilisée par l'auteur :

// Components/Search.js

import React from 'react'

import { StyleSheet, View, TextInput, Button, FlatList, Text } from 'react-native'

import films from '../Helpers/filmsData'

class Search extends React.Component {

  render() {

    return (

      <View style={styles.main_container}>

        <TextInput style={styles.textinput} placeholder='Titre du film'/>

        <Button title='Rechercher' onPress={() => {}}/>

      </View>

      <FlatList

  data={films}

  renderItem={({item}) => <Text>{item.title}</Text>}

/>

    )

  }

}

const styles = StyleSheet.create({

  main_container: {

    flex: 1,

    marginTop: 20

  },

  textinput: {

    marginLeft: 5,

    marginRight: 5,

    height: 50,

    borderColor: '#000000',

    borderWidth: 1,

    paddingLeft: 5

  }

})

export default Search, avec une hiérarchie de mes dossiers comme celle ci (reverifiée mainte fois)

-
Edité par MtsVlr 27 octobre 2020 à 16:29:56

 renderItem={({item}) => (<Text>{item.title}</Text>)}

umfred a écrit:

mets peut-être des parenthèses autour des balises Text:

 renderItem={({item}) => (<Text>{item.title}</Text>)}

Merci beaucoup pour la réponse Umfred, malheureusement ça ne fonctionne pas :(.

J'ai pas mal galéré à trouver la soluce, c'était bête, mais à mon level ça se voyait difficilement, il suffisait de replacer les View en dessous, tout simplement

Merci à tous ceux qui auront pris le temps de lire ce pavé

J'ai essayé d'écrire un message à l'auteur pour corriger son code d'exemple mais je n'ai pas encore eu de rep!

Bon courage à tous !!!!!

-
Edité par MtsVlr 29 octobre 2020 à 23:20:59

J'ai aussi que des problèmes depuis le début de ce cours c'est insupportable je crois qu'il n'est pas à jour. C'est dommage car il m'a l'air super bien mais la je suis sur le point de l'arrêter. Après 1 semaine, je n'arrive toujours pas à faire mon appel api sur le chapitre des props.

Bonjour à tous,

Même soucis de mon côté avec ce cours. La gestion de la pagination sur la FlatLIst ne fonctionne pas bien.

L'évènement OnEndRached est levée plusieurs fois au même moment. Ce qui entraine à partir de la page 4 cette erreur :

Encountered two children with the same key, `521410

Ce qui est normal da voir des duplicate keys si on appelle 2 fois la même page.

Merci pour votre retour sur ce point

jerome0631 a écrit:

Bonjour à tous,

Même soucis de mon côté avec ce cours. La gestion de la pagination sur la FlatLIst ne fonctionne pas bien.

L'évènement OnEndRached est levée plusieurs fois au même moment. Ce qui entraine à partir de la page 4 cette erreur :

Encountered two children with the same key, `521410

Ce qui est normal da voir des duplicate keys si on appelle 2 fois la même page.

Merci pour votre retour sur ce point

Pour répondre à ton problème j'ai essayé une multitude de solutions proposé sur le web, et j'ai enfin réussi. Je n'ai pas encore vérifié pour ce petit changement à résolu le problème. Mais voilà sans plus tarder la solution:

// Changer 

keyExtractor={(item,) => item.id.toString()}

//Nouvelle ligne

keyExtractor={(item,index) => index.toString()}

Normalement ton problème est résolu