React Native에서 가장 중요한 핵심 구성 요소는 다음과 같습니다. -
React Native 구성 요소 | Android 기본 보기 | IOS 기본 보기 | 웹 브라우저 | 안내 |
---|---|---|---|---|
View - < ; | 앱이 Android 기기에 나타나면 |
앱이 IOS 기기에 나타나면 |
태그로 변경됩니다
|
는 Flexbox 레이아웃을 지원하는 핵심 컨테이너입니다. 또한 터치 처리도 관리합니다. |
Text - |
앱이 Android 기기에 나타나면 |
앱이 IOS 기기에 나타나면 < ;Text> 구성 요소는 |
로 변경됩니다. 웹 브라우저에서 볼 때 태그가 사용자에게 텍스트를 표시하는 데 사용됩니다. 또한 스타일과 터치 이벤트도 처리합니다. |
Image - |
앱이 Android 기기에 표시되면 |
앱이 IOS 기기에 표시되면 웹 브라우저에서 볼 때 로 변경됩니다. |
웹 브라우저에서 볼 때 구성 요소는 | 이미지를 표시하는 데 사용됩니다. | Scrollview - | 앱이 Android 기기에 표시되면 |
앱이 IOS 기기에 표시될 때 웹 브라우저에서 볼 때 | 로 변경됩니다. 웹 브라우저에서 볼 때 TextInput - | 앱이 Android 기기에 표시되면 |
IOS 장치 |
웹 브라우저에 표시되면 변경됩니다. | 사용자가 텍스트를 입력할 수 있는 입력 요소 | 예 |
다음은 | Text, View, Image, ScrollView, TextInput을 사용하려면 아래와 같이 React-native에서 컴포넌트를 가져와야 합니다. -
<View> <Text style={{ padding:"10%", color:"red" }}>Inside View Container</Text> <Image source={{ uri: 'https://www.tutorialspoint.com/react_native/images/logo.png', }} style={{ width: 311, height: 91 }} /> </View>
import React from 'react'; import { View, Text, Image, ScrollView, TextInput } from 'react-native'; const App = () => { return (); } export default App; Welcome to TutorialsPoints! Inside View Container
출력
p>
위 내용은 React Native의 중요한 핵심 구성요소 나열의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!