const Modals=({ title, img, author })=>(
<View style={styles.container1}>
<ImageBackground source={require('./img/el4.png')} style={styles.img} >
<Text style={styles.text}>Книга</Text>
<View style={{flex:1, top:140, left:50}}>
<TouchableOpacity onPress={()=>onPressNoItem(Item)}>
<Image source={require('./img/strel.png')}/>
</TouchableOpacity>
</View>
</ImageBackground>
<Text style={styles.textModal}>{title}</Text>
<Text style={styles.author}>{author}</Text></View>)
return (
<SafeAreaView style={styles.container}>
<FlatList data={post}
renderItem={renderItem}
keyExtractor={keyExtractor}
extraData={isRender} />
<Modal data={post}
renderItem={renderItem}
keyExtractor={keyExtractor}
extraData={isRender}
animationType="fade"
visible={isModalVisible}
onRequestClose={()=>setisModalVisible(false)} >
<Modals />
</Modal>
</SafeAreaView> );