在反应原生模态中渲染FlatList项

时间:2018-01-17 23:00:49

标签: reactjs react-native

我有一个看起来像这样的FlatList。我试图让它在我的平面列表项下面有一个按钮,当我点击它时,应该打开一个模态并将项目从该特定项目渲染到模态。

  conditionalHorrorRender() {
    if(this.state.topHorrorLoaded===true) {
        return(
            <View>
            <Modal
                visible={this.state.showModal}
                animationType={'slide'}
                onRequestClose={() => this.closeModalFunc()}
            >
                <View>
                    <View>
                        <Text>{item.original_title}</Text>
                        <Button
                            onPress={() => this.closeModalFunc()}
                            title="Close modal"
                        >
                        </Button>
                    </View>
                </View>
            </Modal>
                <FlatList
                    onEndReached={this.endreachedboy}
                    horizontal={true}
                    data={this.state.topHorror}
                    renderItem={({ item }) => (                    
                    <View>
                        <Text>{item.original_title}</Text>
                        <Button
                            onPress={() => this.openModalFunc()}
                            title="Open modal"
                        />
                    </View>
                    )}
                    keyExtractor={item => item.id}
                />
            </View>
        )

    }
}

openModalFunc() {
  this.setState({showModal: true})
};

closeModalFunc() {
 this.setState({showModal: false})
}

目前它说cant find variable: item,我认为这是因为我不在平面列表的范围内,并且它不知道平面列表中的item是什么。我应该把它放在哪里让这个工作?或者,如果我应该以某种方式将项目作为道具传递给模态?

0 个答案:

没有答案