Comment exporter le bouton "Envoyer" de Facebook Messenger en tant que composant d'interface utilisateur native dans React Native?

Question

J'essaye d'exporter le bouton d'envoi de Facebook Messenger en tant que composant d'interface utilisateur natif en réaction native. Je ne reçois aucune erreur, mais je ne vois pas non plus le bouton.

mes références pour ce sont: https://facebook.github.io/react-native/docs/native-components-ios.html et https://developers.facebook.com/docs/messenger/ios#messenger_buttons

Voici ce que j'ai jusqu'à présent:

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 est où je reçois le composant natif :

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

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

et mon composant d'envoi où je mets en œuvre la composante 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

Le problème n'a pas été que le Messager FB n'apparaissait pas, il est apparu que fond et la taille du bouton n'a pas été à venir à travers réagisse autochtone. En définissant la largeur, la hauteur et la couleur d'arrière-plan sur le composant <FBMessenger>, le bouton était correct.

Le problème suivant concernait les événements de liaison sur le bouton que j'ai également résolus.

Je tournai solution dans un ensemble de NPM qui se trouve ici: https://github.com/1985media/react-native-facebook-messenger