인프런 커뮤니티 질문&답변
작성한 질문수
배너가 나오지 않습니다.
작성
·
250
2
안녕하세요.
유익한 강의를 잘 보고 있습니다.
그런데 Carousel 컴포넌트가 표시가 되지 않습니다.
<ScrollView>
<Carousel
data={banners}
sliderWidth={Dimensions.get("window").width}
itemWidth={Dimensions.get("window").width}
itemHeight={200}
renderItem={(obj) => {
return (
<TouchableOpacity
onPress={() => {
Alert.alert("배너 클릭");
}}
>
<Image
style={styles.bannerImage}
source={{ uri: `${API_URL}/${obj.item.imageUrl}` }}
resizeMode="contain"
/>
</TouchableOpacity>
);
}}
/>
<Text style={styles.headline}>판매되는 상품들</Text>
이와 같이 했는데 최상단에 판매되는 상품들부터 출력이 됩니다. 무엇이 잘못된 것일까요?
퀴즈
46%나 틀려요. 한번 도전해보세요!
시뮬레이터에서 로컬 서버에 접근하기 위해 ngrok를 사용하는 주된 이유는 무엇일까요?
애플리케이션 성능 최적화
로컬 서버를 외부 네트워크/시뮬레이터에 노출
이미지 에셋 관리 간소화
UI 컴포넌트 스타일링 자동화
답변 2
2
1
그랩
지식공유자
banners라는 데이터가 제대로 들어가지 않은 것 같습니다!
useeffect 동작 코드 안에 console.log(banners)를 통해 banners 데이터를 확인해보시면 좋을 것 같습니다.
그랩
지식공유자
실제 배너 데이터는 banners에 존재하니까 obj는 결국 banners로 부터 들어오게 됩니다.
만약 obj가 있다면 banners가 존재하는 거고, image쪽 style에 width,height가 정상적으로 들어있는지 확인해보시면 좋을 것 같습니다. 임의로 width height 값을 줘서 확인해보셔도 좋곘네요.
banners가 들어가지 않아도 obj는 정상적으로 들어가는 건가요?