Step 1: Install Chat SDK

let promise = chat.login({
  userID: 'your userID',
  userSig: 'your userSig',
});
promise.then(function(imResponse) {
  if (imResponse.data.repeatLogin === true) {
    // This indicates that the account is already logged in. This login attempt is a duplicate login.
    console.log(imResponse.data.errorInfo);
  }
}).catch(function(imError) {
  // Information related to login failure
  console.warn('login error:', imError);
});

npm install react-native-image-picker --save

npm install react-native-document-picker --save

import DocumentPicker from 'react-native-document-picker';
 
// 1. Select File
DocumentPicker.pick({
  type: [DocumentPicker.types.allFiles],
}).then((result) => {
 const file = result[0];
 // 2. Create a message instance. The instance returned by the interface can be displayed on the screen
 let message = chat.createFileMessage({
    to: 'user1',
    conversationType: TencentCloudChat.TYPES.CONV_C2C,
    payload: { file: file },
    // React Native does not support upload progress callback
    // onProgress: function(event) { console.log('file uploading:', event) }
  });
  // 3. Send File
  let promise = chat.sendMessage(message);
  promise.then(function(imResponse) {
    // The message was successfully sent
    console.log(imResponse);
  }).catch(function(imError) {
    // The message failed to be sent
    console.warn('sendMessage error:', imError);
  });
});

npm install react-native-audio-recorder-player --save

import AudioRecorderPlayer, {AVEncodingOption} from 'react-native-audio-recorder-player';
 
// Record recording duration
let duration = 0;
// Record recording file path
let uri = '';
 
// 1. Start recording
const onStartRecord = async () => {
  await audioRecorderPlayer.startRecorder('test.aac',{
    VFormatIDKeyIOS: AVEncodingOption.aac,
  });
  audioRecorderPlayer.addRecordBackListener((e: any) => {
    duration = e.currentPosition;
  });
};
// 2. Stop recording
const onStopRecord = async () => {
  uri = await audioRecorderPlayer.stopRecorder();
  audioRecorderPlayer.removeRecordBackListener();
};
// 3. Send voice
const file = {
  uri: uri,
  duration: duration,
};
let message = chat.createAudioMessage({
  to: 'user1',
  conversationType: 'C2C',
  payload: {
    file: file,
  },
  // React Native does not support upload progress callback
  // onProgress: function(event) { console.log('file uploading:', event) }
});
let promise = chat.sendMessage(message);
promise.then(function(imResponse) {
  // The message was successfully sent
  console.log(imResponse);
}).catch(function(imError) {
  // The message failed to be sent
  console.warn('sendMessage error:', imError);
});

export ANDROID_HOME=$HOME/Library/Android/sdk
export PATH=$PATH:$ANDROID_HOME/emulator
export PATH=$PATH:$ANDROID_HOME/platform-tools

cd ios
echo export NODE_BINARY=$(command -v node) > .xcode.env