React native Share.share不用于共享文本

Question

按照本教程，我发现了这个错误。我不确定这是我做错了，还是代码中的错误。

看起来Share.share不起作用。关于这个功能我在网上找不到任何东西。

错误消息

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

Answer 1

您还需要导入Share类：

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

此外，您应该将您的类名更改为其他名称（如ShareExample）

尽量坚持this文档。