TouchableOpacity2 [React Native] Touchable Component Shop App 002 1 상품 아이템 컴포넌트 저번 시간에는 상품 개요를 보여주는 ProductOverviewScreen 화면에서, FlatList를 통해 상품 데이터 하나하나를 리스트형태로 보여주었었습니다. 오늘은 위 리스트에 담기는 하나의 상품 컴포넌트를 따로 제작해봅시다. 하나의 양식이 있고, 이것을 반복하는 형식이 있다면, 컴포넌트 객체로 따로 만드는 것이 좋습니다. components/shop/ProductItem.js import React from 'react'; import { View, Text, Image, StyleSheet, Button } from 'react-native'; import Colors from '../../constants/Co.. 2020. 7. 5. [React Native] 3 Touchable, Modal Overlay React Native 003 - Basics 2 Touchable 컴포넌트 import { Touchable, TouchableOpacity, TouchableHighlight, TouchableNativeFeedback, TouchableWithoutFeedback } from 'react-native'; 컴포넌트 안에도 onTouchEnd 등 다양한 속성이 많지만, 효과를 내는 조금 더 손쉬운 방법으로 react-native에서 컴포넌트를 직접가져오는 것을 추천합니다. TouchableOpacity : activeOpacity 등의 속성 지원 TouchableHighlight : underlayColor 등 속성 지원 TouchableNativeFeedback : Android 에서만.. 2020. 5. 7. 728x90 이전 1 다음
