React Native模块之Share调用系统分享应用实践

前端之家收集整理的这篇文章主要介绍了React Native模块之Share调用系统分享应用实践前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

前言

对于原生应用开发而言,调用系统匹配的应用进行分享是非常常见操作,今天我们来看一下,RN中如何封装这一个操作的。

方法

RN中存在一个模块Share,即为调用匹配的app进行分享操作。

在iOS中,通过调用一个包含’action’,’activityType’的对象,然后返回一个Promise对象。如果用户点击关闭弹框,那么调用Share.dismissedAction方法

在Android中,该会调用Share.sharedAction方法,然后返回一个Promise对象。

常用的配置属性

  • Content(内容)-Android,iOS通用

  • message 需要进行分享的信息

  • title 分享标题

  • url(地址)-iOS适配: 分享的地址,url和message至少需要设置其中一个

  • excludedActivityTypes和tintColor 这两个适配iOS版本

  • dialogTitle 这个适配Android版本

Share.share({
      message: 'React Native | A framework for building native apps using React'
    })
    .then(this._showResult)
    .catch((error) => this.setState({result: 'error: ' + error.message}));
Share.share({
      message: 'A framework for building native apps using React',url: 'http://facebook.github.io/react-native/',title: 'React Native'
    },{
      dialogTitle: 'Share React Native website',excludedActivityTypes: [
        'com.apple.UIKit.activity.PostToTwitter'
      ],tintColor: 'green'
    })
    .then(this._showResult)
    .catch((error) => this.setState({result: 'error: ' + error.message}));

操作很简单啦!

效果如下:

原文链接:https://www.f2er.com/react/304651.html

猜你在找的React相关文章