react-native-recycler-listview
v0.1.0
Published
A React Native RecyclerView ListView Module
Downloads
7
Maintainers
Readme
react-native-recycler-listview
Custom Component for ListView in Android using RecyclerView
Installation
git clone https://github.com/rameshvishnoi90904/react-native-recycler-listview.git
##step 1: In settings.gradle
include ':ReactNativeRecyclerListview'
project(':ReactNativeRecyclerListview').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-recycler-listview/android')
##step 2: In android/app/build.gradle
dependencies {
compile project(':ReactNativeRecyclerListview')
}
##step 3: In MainApplication.java
import com.customlistview.ListViewPackage;
@Override protected List getPackages() {
return Arrays.asList(
new MainReactPackage(),
new ListViewPackage()
);
}
##step 4: In index.js
import ListViewCustom from 'react-native-recycler-listview';
constructor(props) {
super(props);
var array = [];
for(var i = 0; i < 1000; i++){
array.push({"title":"Title","subtitle":"subtiles"});
}
this.state = {
dataSource:{"names": array}
};
}
render() {
return (
<View style={styles.container}>
<ListViewCustom
src={this.state.dataSource}
customStyle={{"fontSize":"12","padding":"0","fontColor":"#ff6600"}}
style={{flex:1,width:Dimensions.get('window').width,padding:0,margin:0}}>
</ListViewCustom>
</View>
);
}