<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;"><img src="https://cdn.inflearn.com/public/files/posts/5bf43ca4-29f3-43ad-bf7f-f5e5de83b3a1/blob" alt="" /></div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;"><img src="https://cdn.inflearn.com/public/files/posts/fdf79157-a18a-4e28-bac0-cf8c3178c754/blob" alt="" /></div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">&nbsp;</div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">버튼을 눌러도 아무런 반응이 없습니다.</div>
<div class="type-placeholder" style="font-size: 15px; letter-spacing: -0.3px; color: #abb0b5; white-space: pre-wrap;">그리고 자꾸 each child in a list should have a unique key prop 라고 뜨는데 어떻게 해야 될까요?</div>

<p>저도 똑같은 문제가 있어서 검색해봤는데 TouchableOpacity로 View를 감싸지 말고 반대로 View로 TouchableOpacity를 감쌌더니 제대로 작동하더라구요.</p>

<p>purchaseButton 스타일에 position : 'absolute' 값을 빼니까 스크롤뷰와 클릭 모두 먹었습니다.</p>

<p>확인해보니 스크롤뷰도 먹지 않습니다.</p>

<p>좋은 질문 감사합니다 : )</p>
<p>react native에 이슈가 있어서 TouchableOpacity에서 position: absolute일 때 터치가 안먹히는 문제가 있습니다.</p>
<p>그래서 <strong>zIndex: 1</strong>을 추가로 넣어주시면 문제가 해결될 것으로 보입니다 :)</p>
<p>&nbsp;</p>

인프런 커뮤니티 질문&답변

버튼 클릭이 안됩니다