SendButton

import { SendButton } from 'react-native-fbsdk-next';

interface SendButtonProps {
  shareContent: ShareContent;
  style?: ViewStyle;
}

import React from 'react';
import { View } from 'react-native';
import { SendButton } from 'react-native-fbsdk-next';

function ShareToMessenger() {
  const shareContent = {
    contentType: 'link',
    contentUrl: 'https://example.com/article',
    contentTitle: 'Check out this article',
    contentDescription: 'An interesting article to read',
  };

  return (
    <View>
      <SendButton shareContent={shareContent} />
    </View>
  );
}

import React from 'react';
import { View, StyleSheet } from 'react-native';
import { SendButton } from 'react-native-fbsdk-next';

function CustomSendButton() {
  const shareContent = {
    contentType: 'link',
    contentUrl: 'https://example.com',
  };

  return (
    <View>
      <SendButton 
        shareContent={shareContent}
        style={styles.sendButton}
      />
    </View>
  );
}

const styles = StyleSheet.create({
  sendButton: {
    height: 40,
    width: 100,
  },
});

import React from 'react';
import { View } from 'react-native';
import { SendButton } from 'react-native-fbsdk-next';

function SendPhotoButton() {
  const photoContent = {
    contentType: 'photo',
    photos: [
      {
        imageUrl: 'file:///path/to/photo.jpg',
      },
    ],
  };

  return (
    <View>
      <SendButton shareContent={photoContent} />
    </View>
  );
}