Eojin Han

Touchable vs Pressable : https://mahyarmohammadi.medium.com/react-native-pressable-vs-touchable-5fec6b332f15

💽

RN 코어 컴포넌트

Name

Tags

Column

Text 컴포넌트

text

TextInput 컴포넌트

text

input

Core Components와 API들

Pressable (버튼 Wrapper)

button

Touchable을 대신하여 Pressable을 쓰는 것이 권장됨.

TouchableOpacity

button

버튼이 눌렸을 때 밝아짐

TouchableHighlight

button

버튼이 눌렸을 때 어두워짐

switch (on/off)

button

스위치(on/off)

react-native-checkbox

button

deprecated

비추천

체크박스, 비추천 (차라리 react-natvie-paper 쓰자)

Modal (오버레이 화면 직접 제작)

modal

Image ( + 이미지 위에 텍스트 쓰기)

image

GPS 사용하기

gps

AsyncStorage

storage

deprecated

커뮤니티 버전으로 설명함

ImageStore

storage

deprecated

WebView

webview

deprecated

커뮤니티 버전으로 설명함

ActivityIndicator

indicator

로딩중임을 빙글빙글 표시

ScrollView

scroll

horizontal={ture} : 가로 스크롤

FlatList, SectionList

scroll

FlatList 무한 스크롤 구현

scroll

infinite scroll

무한 스크롤 구현 ( infinite scroll ) 1. axios 버전 2. react-query 버전

Wrapper 컴포넌트 만들기

Wrapper

<CustomView> {children} </CustomView> 자식 컴포넌트를 컴포넌트 내부에 배치하는 방법

ScrollView 안에 FlatList를 두는 경우

error

VisualizedLists should never be nested inside plain ScrollViews …