Почему то в модалке кнопка не срабатывает но в других местах везде работает
// Компонент modal где не работает кнопка
interface IModalSelect {
modalVisible: boolean;
setModalVisible: React.Dispatch<React.SetStateAction<boolean>>;
}
export const ModalSelect = ({ modalVisible, setModalVisible }: IModalSelect) => {
function test() {
setModalVisible(!modalVisible);
}
return (
<Modal
transparent={false}
animationType="slide"
visible={modalVisible}
style={styles.modal}
onRequestClose={() => {
setModalVisible(!modalVisible);
}}>
<Text style={styles.title}>Выберите категорию</Text>
<View style={styles.body}>
<ModalItem title="TEST1" />
<ModalItem title="TEST2" />
<ModalItem title="TEST3" />
<ModalItem title="TEST4" />
<ModalItem title="TEST5" />
<ModalItem title="TEST6" />
</View>
<View style={styles.footer}>
<ButtonBold title="Выбрать" style={styles.button} onPress={test} /> ?/ Эта кнопка не работает
<Button title="test" onPress={test} /> // Эта кнопка работает
</View>
</Modal>
);
};
// Компонент кнопки которая не работает
interface IButtonBold {
style: any;
title: string;
onPress: any;
}
export const ButtonBold = ({ style, title, onPress }: IButtonBold) => {
return (
<TouchableOpacity style={[styles.button, style]} activeOpacity={0.8} onPress={onPress}>
<View>
<Text style={styles.text}>{title}</Text>
</View>
</TouchableOpacity>
);
};