Projekt

Obecné

Profil

« Předchozí | Další » 

Revize af8eb9a6

Přidáno uživatelem Schwobik před téměř 2 roky(ů)

Implementation of multiselect component, search page finished with listview
re #10478

Zobrazit rozdíly:

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