reactjs - 根据应用自定义 React Native 分享消息

Question

我正在考虑在我的应用程序中使用 ReactNative 的共享组件:https://facebook.github.io/react-native/docs/share#share

有没有一种方法可以根据用户选择与之共享的应用程序自定义消息？就像我想在用户通过 Twitter 分享时给出较短的消息，而不是通过电子邮件分享较长的消息。

谢谢!

Answer 1

是的，你可以，如果用户确实分享了你只需要像这样使用 result.activityType 来检查它是否分享到 WhatsApp 例如:

result.activityType === 'net.whatsapp.WhatsApp.ShareExtension'

检查这个小吃https://snack.expo.io/@neydroid/stack-overflow-test

import * as React from 'react';
import { Alert, Button, Text, View, Share, StyleSheet } from 'react-native';
import { Constants } from 'expo';
import AssetExample from './components/AssetExample';
import { Card } from 'react-native-paper';

export default class App extends React.Component {
  onShare = async () => {
    try {
      const result = await Share.share({
        message:
          'React Native | A framework for building native apps using React',
      })

      if (result.action === Share.sharedAction) {
        if (result.activityType && result.activityType === 'net.whatsapp.WhatsApp.ShareExtension') {
          // shared with WhatsApp
          Alert.alert(result.activityType);
        } else {
          // shared
        }
      } else if (result.action === Share.dismissedAction) {
        // dismissed
      }
    } catch (error) {
      alert(error.message);
    }
  };

  render() {
    return (
      <View style={styles.container}>
        <Button title="Something To Share" onPress={this.onShare}>Share</Button>
      </View>

    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    paddingTop: Constants.statusBarHeight,
    backgroundColor: '#ecf0f1',
    padding: 8,
  }
});