React native modal in flatlist for each item on click

... React native i have Flatlist with pending button.i want on click this button modal open for each item .modal has two button reject and ok. iwant on clicking ok button pending button should changes to accept ...

....Flatlist code start here

```<FlatList
      data={Data}
      keyExtractor={item => 
     item.id}
     renderItem={()=>(
  
 
  <Modal
    transparent={true}
    visible={!active}
    onRequestClose={() => {
     console.warn("closed");
    }}>
    <View style={styles.containerModal}>
     

       <View style={{height:48, width:"40%"}}>
        <Pressable style={styles.nextbtn} onPress={() => setAccept(accept)}>
          <Text style={styles.nextbtntext}>Accept</Text>
        </Pressable>
      </View>

      <View style={{height:48, width:"40%"}}>
        <Pressable style={styles.rejectbtn} onPress={()=>{setactive(!active)}}>
          <Text style={styles.nextbtntext}>Reject</Text>
        </Pressable>
      </View>
       
  </Modal>

 ... <TouchableOpacity  onPress={()=>{setactive(!active)}}>
    { accept ?
    (
      <View style={styles.pendingBtn}>
      <Image source={require('../../../assets/pending.png')} style={{height:24,width:16}}/>
       <Text>Pending</Text>
      </View>
      )
      :
      (
        <View style={styles.aceptBtn}>
        <Image source={require('../../../assets/Ok.png')} style={{height:24,width:16}}/>
          <Text>Accepted</Text>
        </View>
        )}
      </TouchableOpacity>

  </View>
  </View>



 

)}```