2017-01-31 6 views
0

このチュートリアルの後、私はこのエラーを発見しました。私はそれが私のやり方であるかどうか、またはコード内のエラーであるかどうかはわかりません。ネイティブShare.shareがテキスト共有のために機能していないのに反応します

Share.shareが動作しないようです。私はこの機能に関して何もオンラインで見つけることができません。

エラーメッセージ

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 

答えて

3

あなたにも共有クラスをインポートする必要があります。

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

また、あなたが自分のクラス名を変更する必要があります他のもの(ShareExampleなど)

thisの文書に固執してください。

関連する問題