2

ビューでNativeBase の DeckSwiper ( docs、code ) を使用していて、毎回エラーが発生します。

Warning: React.createElement: type should not be null, undefined, 
boolean, or number. It should be a string (for DOM elements) or a 
ReactClass (for composite components). Check the render method of `CardSwiper`.

このマークアップは機能します:

  <View flex>
    <DeckSwiper dataSource={cards} renderItem={(item) => {
        console.log(item);
        return (
            <Text flex>{item.text}</Text>
        )
    }}/>

しかし、Text(彼らのサイトからの) のこのマークアップでのサブビングは失敗し、上記のエラーが発生します:

<Card style={{
    elevation: 3
}}>
    <CardItem>
        <Thumbnail source={item.image}/>
        <Text>{item.text}</Text>
        <Text note>NativeBase</Text>
    </CardItem>
    <CardItem>
        <Image style={{
            resizeMode: 'cover',
            width: null
        }} source={item.image}/>
    </CardItem>
    <CardItem>
        <Icon name="ios-heart" style={{
            color: '#ED4A6A'
        }}/>
        <Text>{item.name}</Text>
    </CardItem>
</Card>

使い方が間違っているのか、ドキュメントが間違っているのか、それともバグなのかわかりません。ここで何が問題なのですか？

4

1 に答える 1

1

「native-base」からではなく、「react-native」から「Image」をインポートする必要があります

例のコード:

import { Image } from 'react-native';
import { Container, Header, View, DeckSwiper, Card, CardItem, Thumbnail, Text, Left, Body, Icon } from 'native-base';
于 2019-11-19T07:52:10.053 に答える