rn3 [React Native] ScrollView와 FlatList ScrollView는 데이터가 화면을 벗어났을 때 스크롤을 생성해서 스와이프를 통해서 벗어난 부분을 볼 수 있다. (데이터량이 많지않고 고정적일 때 사용) FlatList는 한번에 모든 데이터가 아닌 화면에 보여지는 부분만을 렌더링 (성능 향상!) windowing이랑 비슷한거 같은데. 2024. 3. 19. [React Native] Layout system RN에서는 Flexbox를 사용한다. 주의 Flexbox는 웹의 CSS에서와 같은 방식으로 리액트 네이티브에서 몇 가지 예외를 제외하고 작동합니다. 기본값은 다릅니다. flexDirection이 행 대신 열로 기본 설정되어 있고, alignContent가 stretch 대신 flex-start로 기본 설정되어 있고, flexShrink가 1 대신 0으로 기본 설정되어 있으며, flex parameter는 단일 숫자만 지원합니다. 참조 : https://reactnative.dev/docs/flexbox Layout with Flexbox · React Native A component can specify the layout of its children using the Flexbox algorithm... 2024. 3. 15. [React Native] Rule RN은 웹 사이트가 아니다. (브라우저가 아니다.) HTML이 아니기 때문에 div 사용 X View는 container 개념 (import) 모든 텍스트는 Text컴포넌트 안에 있어야한다. (span, p, h1, h2 이런거 없음) 스타일은 기본적으로 const styles = StyleSheet.create({ blahblah : { color: "#fff" } }) 또는 object형태로 const styles = { blahblah : { color: "#fff" } } 또!! 인라인 스타일 형태로 hello 2024. 3. 13. 이전 1 다음