> 웹 프론트엔드 > JS 튜토리얼 > React Native의 중요한 핵심 구성요소 나열

React Native의 중요한 핵심 구성요소 나열

WBOY
풀어 주다: 2023-09-08 21:25:06
앞으로
887명이 탐색했습니다.

React Native에서 가장 중요한 핵심 구성 요소는 다음과 같습니다. -

Image - Scrollview - 로 변경됩니다. 웹 브라우저에서 볼 때 구성 요소는 구성 요소와 함께
태그로 변경됩니다. 롤링 컨테이너를 봅니다.

TextInput - Text, View, Image, ScrollView, TextInput을 사용하려면 아래와 같이 React-native에서 컴포넌트를 가져와야 합니다. -
import { View, Text, Image, ScrollView, TextInput } from 'react-native';
로그인 후 복사
View 컴포넌트는 주로 텍스트, 버튼, 그림 등을 저장하는 데 사용됩니다. 이 구성 요소를 사용하는 방법 아래와 같이 -
React Native 구성 요소 Android 기본 보기 IOS 기본 보기 웹 브라우저 안내
View - < ;앱이 Android 기기에 나타나면 구성 요소가

앱이 IOS 기기에 나타나면 UIView>

구성 요소는 웹 브라우저에서
태그로 변경됩니다

는 Flexbox 레이아웃을 지원하는 핵심 컨테이너입니다. 또한 터치 처리도 관리합니다.

Text - 앱이 Android 기기에 나타나면 구성 요소가

앱이 IOS 기기에 나타나면 < ;Text> 구성 요소는

로 변경됩니다. 웹 브라우저에서 볼 때 구성 요소는

태그가 사용자에게 텍스트를 표시하는 데 사용됩니다. 또한 스타일과 터치 이벤트도 처리합니다.

앱이 Android 기기에 표시되면 구성 요소가 로 변경됩니다. 앱이 IOS 기기에 표시되면 웹 브라우저에서 볼 때 구성 요소는

로 변경됩니다.

웹 브라우저에서 볼 때 구성 요소는

이미지를 표시하는 데 사용됩니다.

앱이 Android 기기에 표시되면 구성 요소가 앱이 IOS 기기에 표시될 때 웹 브라우저에서 볼 때 구성 요소는

앱이 Android 기기에 표시되면 구성 요소가 로 변경됩니다.

IOS 장치 구성 요소가 웹 브라우저에 표시되면 웹 브라우저에 표시되면 변경됩니다.

사용자가 텍스트를 입력할 수 있는 입력 요소

다음은 , , , TextInput> 작업 예시

<View>
   <Text style={{ padding:"10%", color:"red" }}>Inside View Container</Text>
   <Image
      source={{
         uri: &#39;https://www.tutorialspoint.com/react_native/images/logo.png&#39;,
      }}
      style={{ width: 311, height: 91 }}
   />
</View>
로그인 후 복사

에는 내부에 텍스트 및 이미지 구성 요소가 있습니다. ScrollView 구성 요소는 View, Text, Image, Button 및 기타 React Native 구성 요소를 처리하는 상위 구성 요소처럼 작동합니다.

import React from 'react';
import { View, Text, Image, ScrollView, TextInput } from &#39;react-native&#39;;

const App = () => {
   return (
      
         Welcome to TutorialsPoints!
         
            Inside View Container
            
      
      
      
   );
}
export default App;
로그인 후 복사

출력

p>

위 내용은 React Native의 중요한 핵심 구성요소 나열의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:tutorialspoint.com
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿