Carousel wont render anything

I’m just trying this carousel, and it can’t even rendered.

I’m using your example as a reference.

What did i do wrong?

Code

const renderCarouselItem = ({ item }) => {
  return (
    <View style={{ flex: 1 }}>
      <Text>{item.name}</Text>
    </View>
  );
};

render() {
    return (
      <View style={{ flex: 1 }} >
        <Carousel
          ref={(c) => { this._carousel = c; }}
          data={[{ name: 'a' }, { name: 'b' }]}
          renderItem={renderCarouselItem}
          sliderWidth={400}
          itemWidth={200}
        />
      </View>
    );
  }

Packages

• “react”: “16.0.0-alpha.12”
• “react-native”: “0.46.4”
• “react-native-snap-carousel”: “^3.2.2”

[bd-arc]

Hi @sitompul @agungjk,

Can you take a look at the answer I gave to a similar question and tell me if that helps?

[bd-arc]

@sitompul No problem 😉 I’ll make sure to add a note to the doc about handling item’s height because I don’t think I made it clear enough.