maartenvr98/Kliko
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Show images of types

Browse source
This commit is contained in:
Maarten 2024-08-01 14:56:00 +02:00
parent 0999ef563a
commit 2dfae2dcc9
1 changed files with 4 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

7
app/(tabs)/explore.tsx
View file

@ -4,7 +4,8 @@ import {
SafeAreaView, SafeAreaView,
StatusBar, StatusBar,
Image, Image,
TouchableOpacity, View, TouchableOpacity,
View,
} from 'react-native'; } from 'react-native';
import React, {useState, useEffect, useRef} from 'react'; import React, {useState, useEffect, useRef} from 'react';
@ -114,7 +115,7 @@ export default function ExploreScreen() {
data={types} data={types}
renderItem={(item: any, index: any) => ( renderItem={(item: any, index: any) => (
<TouchableOpacity style={styles.listItem} key={index} onPress={() => viewItem(item)}> <TouchableOpacity style={styles.listItem} key={index} onPress={() => viewItem(item)}>
<Image source={require('@/assets/images/paper.png')} style={styles.listImage}/> <Image source={{uri: item.image}} style={styles.listImage}/>
<ThemedText type="default">{item.name}</ThemedText> <ThemedText type="default">{item.name}</ThemedText>
</TouchableOpacity> </TouchableOpacity>
)} )}
@ -128,7 +129,7 @@ export default function ExploreScreen() {
<ThemedText type="subtitle" style={{marginBottom: 30, textAlign: 'center'}}>{activeCategory?.name}</ThemedText> <ThemedText type="subtitle" style={{marginBottom: 30, textAlign: 'center'}}>{activeCategory?.name}</ThemedText>
<View style={styles.modalType}> <View style={styles.modalType}>
<Image source={require('@/assets/images/paper.png')} style={styles.modalTypeImage}/> <Image source={{uri: activeCategory?.type.image}} style={styles.modalTypeImage}/>
<ThemedText>{activeCategory?.type?.name}</ThemedText> <ThemedText>{activeCategory?.type?.name}</ThemedText>
</View> </View>