Revize af8eb9a6
Přidáno uživatelem Schwobik před téměř 2 roky(ů)
src/components/listView/ItemPreview.tsx | ||
---|---|---|
1 | 1 |
import { Center, HStack, Image, Text, VStack } from "native-base" |
2 |
import { useEffect } from "react" |
|
2 | 3 |
|
3 | 4 |
interface ItemPreviewProps { |
4 | 5 |
caption: string |
... | ... | |
9 | 10 |
|
10 | 11 |
const ItemPreview = (props: ItemPreviewProps) => { |
11 | 12 |
|
13 |
useEffect(() => { |
|
14 |
console.log("ItemPreview", "Props:", props) |
|
15 |
}, [props]) |
|
16 |
|
|
12 | 17 |
return ( |
13 | 18 |
<> |
14 |
|
|
15 | 19 |
<HStack |
16 | 20 |
space={ 2 } |
17 | 21 |
flex={ 1 } |
18 | 22 |
alignItems={ "start" } |
19 | 23 |
> |
20 | 24 |
<Image |
21 |
source={ {uri: `http:/147.228.173.159/static/images/${ props.image ? props.image : "thumb-Rel-78.png" }`} } |
|
25 |
source={ {uri: `http:/147.228.173.159/static/images/${ props.image ? "thumb-" + props.image : "thumb-Rel-78.png" }`} }
|
|
22 | 26 |
size={ "sm" } |
23 | 27 |
alt={ props.image ? props.image : "thumb-Rel-78.png" } |
24 | 28 |
/> |
25 |
<VStack> |
|
26 |
<Text>{ props.name }</Text> |
|
27 |
<Text>{ props.caption }</Text> |
|
28 |
<Text>{ props.title }</Text> |
|
29 |
<VStack h={70}>
|
|
30 |
<Text fontSize={"sm"} italic>{ props.name }</Text>
|
|
31 |
<Text fontSize={"sm"} bold>{ props.caption }</Text>
|
|
32 |
<Text fontSize={"xs"}>{ props.title }</Text>
|
|
29 | 33 |
</VStack> |
30 | 34 |
</HStack> |
31 | 35 |
</> |
Také k dispozici: Unified diff
Implementation of multiselect component, search page finished with listview
re #10478