React Native-보기

View는 React Native에서 가장 일반적인 요소입니다. 당신은 그것을div 웹 개발에 사용되는 요소.

사용 사례

이제 몇 가지 일반적인 사용 사례를 살펴 보겠습니다.

  • 컨테이너 내부에 요소를 래핑해야하는 경우 다음을 사용할 수 있습니다. View 컨테이너 요소로.

  • 부모 요소 안에 더 많은 요소를 중첩하려면 부모와 자식 모두 View. 원하는만큼의 자녀를 가질 수 있습니다.

  • 다른 요소의 스타일을 지정하려면 내부에 배치 할 수 있습니다. View 지원하기 때문에 style 특성, flexbox 기타

  • View 다양한 목적에 유용 할 수있는 합성 터치 이벤트도 지원합니다.

우리는 이미 사용했습니다 View이전 장에서 사용했으며 거의 ​​모든 후속 장에서도 사용할 것입니다. 그만큼ViewReact Native에서 기본 요소로 가정 할 수 있습니다. 아래 주어진 예에서 두 개의 뷰와 텍스트를 중첩합니다.

App.js

import React, { Component } from 'react'
import { View, Text } from 'react-native'

const App = () => {
   return (
      <View>
         <View>
            <Text>This is my text</Text>
         </View>
      </View>
   )
}
export default App

산출