[React-Native] 리액트 네이티브 뷰 (View) 요소

앱의 가장 기본이 되는 요소가 있습니다.

 

이는 뷰 (View) 입니다. 뷰는 웹의 <div>와 같다고 보면 됩니다.

 

코드를 통해 간단히 알아봅시다

<View>
 <View>
  <Text>뷰안의 뷰 입니다</Text>
 </View>
</View>

위의 코드는

이러한 뷰 스타일을 가집니다. 검은 배경이 가장 밖의 뷰, 빨간 배경이 안의 뷰 입니다.

 

뷰는 기본적으로 display: flex를 가지고 있으며 column 을 기본으로 합니다. 그렇기 때문에 아래의 코드로 보면

<View>
 <View>
  <Text>뷰안의 뷰 입니다</Text>
 </View>
 <View>
  <Text>뷰안의 뷰 입니다2</Text>
 </View>
</View>

이러한 모양을 가집니다.

 

정말 별거 없죠?

 

이상 뷰(View)에 대하여 알아보았습니다.

 

여러 요소들을 합쳐서 쓰는것은 다른 글로 포스팅 하도록 하겠습니다!