首页 > 代码库 > 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}));
操作很简单啦!
效果如下:
React Native模块之Share调用系统分享应用实践
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。