如何将"Send“Button导出为React本机中的本地UI组件？

Question

我正在尝试将Send从导出为react本机中的一个本地UI组件。我没有收到任何错误，但我也没有看到按钮。

我对此的参考如下：https://facebook.github.io/react-native/docs/native-components-ios.html和buttons

以下是我到目前为止所拥有的：

RCTFBMessengerButtonManager.m

#import "RCTViewManager.h"
#import <FBSDKMessengerShareKit/FBSDKMessengerShareKit.h>

@interface RCTFBMessengerButtonManager : RCTViewManager
@end


@implementation RCTFBMessengerButtonManager

RCT_EXPORT_MODULE()

- (UIView *)view
{
  return [FBSDKMessengerShareButton rectangularButtonWithStyle:FBSDKMessengerShareButtonStyleBlue];
}

@end

FBMessengerButton.js是我获得本机组件的地方：

var { requireNativeComponent } = require('react-native');

module.exports = requireNativeComponent('RCTFBMessengerButton', null);

以及我实现FBMesssengerButton组件的发送组件：

'use strict';

var React = require('react-native');

var {
    View,
} = React;


var FBMessengerButton = require('../Components/FBMessengerButton');

class Send extends React.Component{

    constructor(props){
        super(props);
    }


    render() {
        return (
            <View>
                <FBMessengerButton />
            </View>
        );
    }
}

module.exports = Send;

Answer 1

问题并不是FB信使没有出现，它的背景和大小的按钮并没有通过反应原住民。通过在<FBMessenger>组件上设置宽度、高度和背景色，按钮很好。

下一个问题与按钮上的绑定事件有关，我也解决了这个问题。

我把我的解决方案变成了一个npm包，可以在这里找到：https://github.com/1985media/react-native-facebook-messenger