i have function select3, select4 and so on, i want the onpress to give the user access to select any of the function if for example select4 function is set
*I have the list items view where i have pass a function (select2) to an onpress and it is working fine. *
<View style={styles.item}>
{
input.map((m, index) => {
return (
<TouchableOpacity style={styles.button}
onPress={() => select2(m)}
>
<Text style={{ color: num=="" ? "#fff" : "red" }}>{m}</Text>
</TouchableOpacity>
)
}
)
}
<View><Text>{num}</Text></View>
</View>
this is my select2 function
const sselect2 = (text) => setNum(oldText => {
if (oldText.length <= 2) {
return [...oldText, text]
}
else return oldText
})
const select3 = (text) => setNum(oldText => {
if (oldText.length <= 3) {
return [...oldText, text]
}
else return oldText
})
const select8 = (text) => setNum(oldText => {
if (oldText.length <= 8) {
return [...oldText, text]
}
else return oldText
})
but i am unable to select3 with the same onpress function and again i want to pass the select function to a modal
<View style={styles.container}>
<Modal
animationType="slide"
transparent={true}
visible={modalVisible}
onRequestClose={() => {
Alert.alert("Modal has been closed.");
setModalVisible(!modalVisible);
}}
>
<View style={styles.centeredView}>
<View style={styles.modalView}>
<TouchableOpacity onPress={() =>{ select2();}} style={styles.modalText}>
<Text> select2 2 </Text>
</TouchableOpacity>
<TouchableOpacity onPress={() => select3()} style={styles.modalText}>
<Text> select2 3 </Text>
</TouchableOpacity>
<TouchableOpacity onPress={() => select4()} style={styles.modalText}>
<Text> select2 4 </Text>
</TouchableOpacity>
<TouchableOpacity onPress={() => select5()} style={styles.modalText}>
<Text> select2 5 </Text>
</TouchableOpacity>
<TouchableOpacity onPress={() =>{ select6();}} style={styles.modalText}>
<Text> select2 2 </Text>
</TouchableOpacity>
<TouchableOpacity onPress={() =>{ select9();}} style={styles.modalText}>
<Text> select2 3 </Text>
</TouchableOpacity>
<TouchableOpacity onPress={() =>{ select8();}} style={styles.modalText}>
<Text> select2 4 </Text>
</TouchableOpacity>
<TouchableOpacity onPress={() =>{ perm5();}} style={styles.modalText}>
<Text> select 5 </Text>
</TouchableOpacity>
<TouchableOpacity onPress={() =>{ select3();}} style={styles.modalText}>
<Text> BANKER AGAINST All(Direct 1) </Text>
</TouchableOpacity>
<Pressable
style={[styles.button, styles.buttonClose]}
onPress={() => setModalVisible(!modalVisible)}
>
<Text style={styles.textStyle}>Hide Modal</Text>
</Pressable>
</View>
</View>
</Modal>