Реагировать на родную модальную проблему - PullRequest
Новая
       20

Реагировать на родную модальную проблему

0 голосов
/ 18 октября 2018

Я столкнулся с проблемой при попытке показать модальное состояние после нажатия TouchableObacity в плоском списке, но с приведенным ниже кодом ничего не отображается, я даже пытался установить состояние непосредственно при нажатии TouchableOpacity, но тоже ничего не произошло 

 setModalVisible(visible) {
    this.setState({ modalVisible: visible });
}
renderQues = ({ item }) => {
    return (
        <View style={{ backgroundColor: '#ddd', marginTop: 20 }}>
            <TouchableOpacity onPress={this.setModalVisible(true)}>
                <Text style={{
                    textAlign: 'right', color: '#3A3658',
                    padding: 10
                }} size={15}> {item.question}</Text>
            </TouchableOpacity>
            <Modal
                animationType="slide"
                transparent={true}
                visible={this.state.modalVisible}
              >
                <Text style={{ padding: 5 }}>{item.answer}</Text>
                <TouchableOpacity style={{ backgroundColor: '#3A3658', marginRight: 10, padding: 8, borderRadius: 5 }}
                    onPress={this.setModalVisible(false)}>
                    <Text style={{ color: '#fff' }}>cancel</Text>
                </TouchableOpacity>
            </Modal>
        </View>)
}

Мой FlatList 

<FlatList
  data={this.state.ques}
  renderItem={this.renderQues}
  keyExtractor={item => item.faq_id}
  />
...