RNShareSDK:React Native中的全平台分享解决方案
import {
Platform,
Share,
Text,
TouchableOpacity,
View
} from 'react-native';
// 创建一个简单的分享按钮
const ShareButton = ({ url, title, message }) => {
const onShare = () => {
Share.share({
title: title,
message: message,
url: url
}, {
dialogTitle: '分享到:'
});
};
return (
<TouchableOpacity onPress={onShare}>
<View style={{alignItems: 'center', marginHorizontal: 10}}>
<Text>分享</Text>
</View>
</TouchableOpacity>
);
};
// 使用ShareButton组件
const App = () => {
return (
<View>
<ShareButton
url="https://www.example.com"
title="Example Title"
message="This is an example message"
/>
</View>
);
};
export default App;
这段代码展示了如何在React Native应用中创建一个简单的分享按钮,并在用户点击时触发分享操作。代码使用了Share API,并根据平台提供了一个统一的接口。
评论已关闭