react-native message bubble, both ios and android
npm install react-native-message-bubble``javascript`
npm install react-native-message-bubble --save
gradle
// file: android/settings.gradle
...include ':react-native-message-bubble'
project(':react-native-message-bubble').projectDir = new File(settingsDir, '../node_modules/react-native-message-bubble/android')
`
gradle
// file: android/app/build.gradle
...dependencies {
...
compile project(':react-native-message-bubble')
}
`java
// file: MainActivity.java
...import com.bubblemessage.BubbleMessagePackage;
public class MainActivity extends ReactActivity {
@Override
protected List getPackages() {
return Arrays.asList(
new MainReactPackage(),
new BubbleMessagePackage()
);
}
...
}
`Usage
js
var BubbleText = require('react-native-message-bubble');render() {
return (
renderRow={this._renderRow}
/>
)
},
_renderRow(rowData, sectionID, rowID) {
var messageType = rowData.userType != 'robot';
//messageType: if true bubble is on the right, else on left
return (
)
},
``