将字符串共享到其他本机应用程序,这些应用程序无法在本地

时间:2017-01-18 21:41:14

标签: react-native

我一直在关注this教程,但是,当我在删除代码后运行应用程序时,它似乎无法正常工作。教程看起来相当简单,所以我无法理解为什么它不起作用。

我收到的错误消息是:

enter image description here

import React from 'react'

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

class ShareLesson extends Component {

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

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

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

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

Tabs Component

class Tabs extends Component {
  _changeTab (i) {
    const { changeTab } = this.props
    changeTab(i)
  }
  _renderTabContent (key) {
    switch (key) {
      case 'today':
        return <Home />
      case 'share':
        return <Share />
      case 'savequote':
        return <SaveQuote />
      case 'moremenu':
        return <MoreMenu />
    }
  }
  render () {
    const tabs = this.props.tabs.tabs.map((tab, i) => {
      return (
        <TabBarIOS.Item key={tab.key}
          icon={tab.icon}
          selectedIcon={tab.selectedIcon}
          title={tab.title}
          onPress={() => this._changeTab(i)}
          selected={this.props.tabs.index === i}>
          {this._renderTabContent(tab.key)}
        </TabBarIOS.Item>
      )
    })
    return (
      <TabBarIOS tintColor='black'>
        {tabs}
      </TabBarIOS>
    )
  }
}

export default Tabs

0 个答案:

没有答案