share

@@ -8,14 +8,33 @@ import {
   ScrollView,
   ScrollView,
   Text,
   Text,
   FlatList,
   FlatList,
-  ListView
+  ListView,
+  Share,
+  TouchableOpacity,
+  AsyncStorage
 } from "react-native";
 } from "react-native";
 import { StackNavigator, TabNavigator } from "react-navigation";
 import { StackNavigator, TabNavigator } from "react-navigation";
+import post from "../utils/fetch";
 
 
 export default class ArticleTemplate extends Component {
 export default class ArticleTemplate extends Component {
+  static navigationOptions = ({ navigation }) => {
+    const { state, setParams, navigate } = navigation;
+    return {
+      headerRight: (
+        <TouchableOpacity
+          style={{ marginRight: 13 }}
+          onPress={() => state.params.share()}
+        >
+          <Text>分享</Text>
+        </TouchableOpacity>
+      )
+    };
+  };
   constructor(props) {
   constructor(props) {
     super(props);
     super(props);
     this.state = {
     this.state = {
+      IS_LOGIN: '',
+      USER_ID: '',
       id: this.props.navigation.state.params.item.id,
       id: this.props.navigation.state.params.item.id,
       model: this.props.navigation.state.params.model,
       model: this.props.navigation.state.params.model,
       articleData: {
       articleData: {
@@ -23,9 +42,44 @@ export default class ArticleTemplate extends Component {
       }
       }
     };
     };
   }
   }
+
   componentWillMount() {
   componentWillMount() {
     console.log("will  model", this.state.model);
     console.log("will  model", this.state.model);
     this.getArticles();
     this.getArticles();
+    this.getAsyncStorage();
+    this.props.navigation.setParams({
+      share: this.share.bind(this)
+    });
+  }
+  share() {
+    const that = this;
+    console.log("share")
+    Share.share({
+      title: "保护神",
+      message: this.state.articleData.title,
+      url: `https://devpay.brae.co/insurance.html?uid=${this.state.USER_ID}&sid=${this.state.id}`
+    },{
+      // dialogTitle: 'Share React Native website',
+      excludedActivityTypes: [
+        'com.apple.UIKit.activity.PostToTwitter'
+      ],
+      tintColor: 'green'
+    })
+      .then(that._showResult)
+      .catch(error => this.setState({ result: "error: " + error.message }));
+  }
+
+  getAsyncStorage() {
+    const that = this;
+    AsyncStorage.multiGet(["IS_LOGIN", "USER_ID"], (err, result) => {
+      if (err) {
+        console.error(err);
+      }
+      that.setState({
+        IS_LOGIN: result[0][1],
+        USER_ID: result[1][1] != null ? result[1][1] : ""
+      });
+    });
   }
   }
   getArticles() {
   getArticles() {
     let that = this,
     let that = this,

@@ -8,6 +8,7 @@ import {
   TouchableWithoutFeedback,
   TouchableWithoutFeedback,
   View,
   View,
 } from 'react-native';
 } from 'react-native';
+import post from "../../utils/fetch";
 
 
 const questions = [
 const questions = [
   { question: '早上起床时，有持续的发丝掉落。', score: 5 },
   { question: '早上起床时，有持续的发丝掉落。', score: 5 },