2017-01-31 3 views
0

Suite à ce tutoriel, j'ai trouvé cette erreur. Je ne suis pas sûr si c'est mon mauvais choix, ou si c'est une erreur dans le code.Réagir natif Share.share ne fonctionne pas pour le partage de texte

Il semble que Share.share ne fonctionne pas. Je ne trouve rien en ligne concernant cette fonction.

Message d'erreur

enter image description here

Share.js

import React, { Component } from 'react' 
import { View, Text, StyleSheet, Image, TouchableHighlight } from 'react-native' 



class Share extends Component { 

    constructor(props){ 
    super(props); 
    this._shareMessage = this._shareMessage.bind(this); 
    this._showResult = this._showResult.bind(this); 
    this.state = {result: 'Hello'}; 
    } 

    _showResult(result){ 
    this.setState({result}) 
    } 

    _shareMessage() { 
    Share.share({ 
     message: 'This is a fancy shared message' 
    }).then(this._showResult); 
} 

    render(){ 
    return (
    <View style={styles.container}> 
     <TouchableHighlight onPress = {this._shareMessage}> 
     <Text style={styles.text}>Share</Text> 
     </TouchableHighlight> 
     <Text> 
     {JSON.stringify(this.state.result)} 
     </Text> 
    </View> 

    ); 
    } 
} 

const styles = StyleSheet.create({ 
    container: { 
    flex: 1, 
    backgroundColor: '#10a2f0', 
    alignItems: 'center' 
    }, 
    text: { 
    color: 'rgb(0,10,200)', 
    marginTop: 100, 
    fontSize: 24, 
    textAlign: 'center' 
    }, 
    image: { 
    width: 250, 
    height: 250 
    } 
}) 

export default Share 

Répondre

3

Vous devez importer la classe d'actions ainsi:

import { View, Text, StyleSheet, Image, TouchableHighlight, Share } from 'react-native' 

En outre, vous devez changer votre nom de classe autre chose (comme ShareExample)

Essayez de vous en tenir à la documentation this.