2017-07-06 2 views
0

Je suis en train d'ajouter des fonctionnalités de rafraîchissement dans mon ScrollView, mais en essayant de rafraîchir je reçois cette erreur:refreshControl donne « non défini est pas une fonction ... » en réaction native app

undefined is not a function (evaluating '(0,_reactNative.fetchData)()') 

I ont suivi l'exemple in the documentation

Voici mon code

class Schedule extends Component { 

constructor(props) { 
    super(props); 
    this.state = { 
     refreshing: false 
    }; 
    } 

    _onRefresh() { 
    this.setState({refreshing: true}); 
    fetchData().then(() => { 
     this.setState({refreshing: false}); 
    }); 
    } 
render() { 
    return (
<View> 
<ScrollView 
     style={{backgroundColor: "white"}} scrollEnabled={true} horizontal={false} 
     refreshControl={ 
     <RefreshControl 
      refreshing={this.state.refreshing} 
      onRefresh={this._onRefresh.bind(this)} 
     /> 
     } 
    > 
    <View> 
    //...Content I'm trying to refresh 
    </View> 

</View> 
</ScrollView> 
) 
} 
} 

Je ne peux pas imaginer qu'il y ait quelque chose de mal avec le code lui-même, comme il est pris directement à partir de l'exemple. Il ne devrait pas y avoir de problèmes avec les importations soit

import {View, ScrollView, RefreshControl, fetchData } from 'react-native'; 
+0

Je ne pense pas que fetchData soit une exportation de 'react-native' vous devez définir votre propre fonction 'fetchData' dans votre composant. –

+0

Vous avez des tags qui ne correspondent pas: '' – teivaz

+0

'Je suis sûr de le faire :) J'ai enlevé un tas de choses avant de poster donc les choses se sont mélangées! – smuvv

Répondre

0

Vous devez fournir la fonction fetchData ce n'est pas dans le module react-native.

+0

Une idée sur la façon de créer une fonction fetchData qui obtient vos vues locales? – smuvv

+0

Le nom fetchDate suggère qu'il obtient des données d'une API, lorsque vous recevez ces données, vous mettrez à jour votre état avec lui. –