React-native-gifted-chat: How to add Camera button

[riteshvish]

I want to use camera to send photos like other chat app does.

• React Native version: 0.39.2
• react-native-gifted-chat version: 0.0.10
• Platform(s) (iOS, Android, or both?): both

[riteshvish]

after a little workaround, I found a solution;

Thanks @FaridSafi for a great module

[creative-git]

please share your solution so others can get the benfits

[riteshvish]

Added 3rd option in CustomActions
const options = ['Choose From Library', 'Send Location','Camera' ,'Cancel'];

I used another module.
var ImagePicker = require('react-native-image-picker');

added 3rd Case in Switch statement
case 2:
ImagePicker.launchCamera({title:"Please click photo"}, (response) => {
this.props.onSend([{
image: response.uri,
}]);
this.setImages([]);
});
break;
ImagePicker.launchCamera will not work in simulator

[sachinsinghh]

@riteshvish How did you call "CustomActions.js" from "App.js" file. Can you show your "App.js" file? Or What actually you did to your code to integrate Camera Feature.

[riteshvish]

@sachinsinghh
import CustomActions from './chat/CustomActions'; (your file path);
renderCustomActions(props) {
return (
{...props}
/>
);
}

...
renderActions={this.renderCustomActions}
...
/>

[sachinsinghh]

@riteshvish Thanx