코딩가딩가딩

ReactNative에서 와 는 어떤 역할을 하는지 정리해보자. 1) 는 같은 것으로 '무언가를 보여주는' 역할을 한다. 2) 는 같은 것으로 '텍스트를 보여주는' 역할을 한다. const App = () => { return ( 안녕하세요 ); }; export default App; 위와 같은 구조로 사용할 수 있고, stylesheet를 이용하여 스타일을 지정할 수도 있다.

크기를 조정할 때 숫자로 크기를 주면 기기의 크기, 비율에 따라 보이는 모습이 달라진다. 이때 flex를 이용하면 비율로 설정이 되기 때문에 기기의 크기에 맞춰 자연스럽게 구성된다. import { StatusBar } from 'expo-status-bar'; import { StyleSheet, View } from 'react-native'; import React from 'react'; export default function App() { return ( ); } const styles = StyleSheet.create({ YellowView: { flex: 1, backgroundColor: 'yellow' }, BlueView: { flex: 1, backgroundColor: 'blu..