Simple Callout View for react-native which can be used on both iOS/Android
npm install react-native-callout
var MJCallout = require('react-native-callout');
var Application = React.createClass({
render: function() {
return (
<View>
<Text>
MJCallout Example
</Text>
<View style={{position:'absolute', top:100, left:100}}>
<MJCallout width={200} visibility={1} calloutText={"Sample Callout Text"} arrowDirection={'up'}>
</MJCallout>
</View>
</View>
);
}
});
width
(Number) - Width of the Callout (default is 200)arrowDirection
(Enum) - Directions for the arrow of the callout, namely: up, down, left & rightvisibility
(Number) - Set 0 for hiding the callout and 1 to show the calloutcalloutText
(String) - Text to be shown inside the callout,
git clone https://github.com/mayuur/react-native-callout.git
cd react-native-callout/examples
npm install
react-native run-ios
OR
react-native run-android
Additionally, you can open the iOS or Android Project and debug it accordingly
MIT License
Feel free to create an issue or Talk to me @mayuur