In React-native, how to handle checkbox in Listview?

Viewed 6324

In my react-native app, I am trying to show my contact details with checkboxes for selecting.

Here is my code:

<ListView
    dataSource={this.state.dataSource}
    renderRow={(rowData, sectionID, rowID) => (
        <TouchableHighlight onPress={() => this.goRideDetails(rowData)}>
            <Text style={styles.rideHeader}>{rowData.name} </Text>
            <CheckBox
                checked={this.state.checked}
                onCheckBoxPressed={() =>
                    this.setState({ checked: !this.state.checked })
                }
            />
        </TouchableHighlight>
    )}
/>

In my view checkbox is displaying on every row, but not working.

Any one can help me. Thanks in advance.

2 Answers
Related