Question

我正在尝试学习react native的基础知识，并从基本的标签模板开始。我正在尝试创建一个社交媒体共享屏幕，您可以在其中获取要显示的iOS上的应用程序和空投列表，但不幸的是，此操作不起作用。我拥有的代码显示一个空视图，我希望共享对话框显示在顶部。我得到了视图，但是没有共享选项。

这是代码

`

import React from 'react';
import { View, StyleSheet } from 'react-native';
import { Share } from 'react-native';
var ActionSheetIOS = React;

export default class ShareScreen extends React.Component {
    static navigationOptions = {
        title: 'Share',
    };

    showShareActionSheet() {
        ActionSheetIOS.showShareActionSheetWithOptions({
            url: 'https://www.someurl.org',
        });
    }

    render() {
        return (
                <View style={styles.container}>
                this.showShareActionSheet();
            </View>
        );
    }   
}

const styles = StyleSheet.create({
    container: {
        flex: 1,
        paddingTop: 15,
        backgroundColor: '#000000',
    },
});

`

有什么想法为什么行不通？

Answer 1

您需要用括号将this.showShareActionSheet();包裹起来才能使其正常工作。

<View style={styles.container}>
    {this.showShareActionSheet()}
</View>

否则，它将被视为纯文本而不是说明

Answer 2

您可以使用此软件包https://www.npmjs.com/package/react-native-share进行共享，此软件包将帮助您与WhatsApp，FB和其他社交应用共享内容。

反应本机共享内容

2 个答案: