title: Select single checkbox from listview in React-native
body: <p>I want to select only one checkbox, not multiple.</p>
  
  <p>If i select two checkboxes one by one the previously selected checkbox should be unselected.</p>
  
  <p>In my below code i can select multiple checkboxes.</p>
  
  <pre><code>  import React ,{Component} from "react";
    import CircleCheckBox, {LABEL_POSITION} from "react-native-circle-checkbox";
  
    class Select_Delivery_Option extends React.Component {
  
      constructor(props) {
        super(props);
        const ds = new ListView.DataSource({
          rowHasChanged: (row1, row2) =&gt; row1 !== row2
        });
        this.state = {
          check_data:[],
          dataSource: ds.cloneWithRows([]),
          checked:false,
          isLoading:false,
        };
      }
  
      //I had call The componentDidMount for json Data here and bind it in Data source;
      render() {
        return ();
      }
  
      _renderRow(rowData: string, sectionID: number, rowID: number) {
        return (
          &lt;View style={{ flex:1,flexDirection:'column',backgroundColor:'#FFF'}}&gt;
            &lt;View style={{ flex:1,flexDirection:'row',backgroundColor:'#FFF'}}&gt;
              &lt;View style={{flexDirection:'column',margin:10}}&gt;
                {rowData.adbHomeAddress}
                &lt;CircleCheckBox
                  checked={rowData.checked}
                  onToggle={()=&gt;this._onPressRow(rowID, rowData,rowData.checked)}
                  labelPosition={LABEL_POSITION.LEFT}
                  label={rowData.Address1 +" ,\n "+ rowData.Address2 +",\n"+rowData.ctiName+", "+rowData.staName+", "+rowData.ctrName+","+rowData.adbZip+"."}
                  innerColor="#C72128"
                  outerColor="#C72128"
                  styleLabel={{color:'#000',marginLeft:10}}
                /&gt;
              &lt;/View&gt;
            &lt;/View&gt;
          &lt;/View&gt;
        );
      }
  
      _onPressRow = (rowID,rowData,checked) =&gt; {
        const {check_data,filter} = this.state;
        console.log('rowdata',rowData);
        console.log('rowid',rowID);
        console.log('checked',checked);
        rowData.checked = !rowData.checked;
        var dataClone = this.state.check_data;
        dataClone[rowID] = rowData;
        this.setState({check_data: dataClone });
      }
  }
  </code></pre>
  
  <p>Link to the CircleCheckBox component used: <a href="https://github.com/paramoshkinandrew/ReactNativeCircleCheckbox" rel="nofollow noreferrer">https://github.com/paramoshkinandrew/ReactNativeCircleCheckbox</a></p>