列出React Native重要的核心元件-js教程-PHP中文網

列出React Native重要的核心元件

WBOY

發布： 2023-09-08 21:25:06

轉載

861 人瀏覽過

React Native中最重要的核心元件如下-

檢視- #是支援flexbox佈局的核心容器。它還管理觸摸處理。 #當在網頁瀏覽器中看到時，元件將更改為

標籤

映像-

當應用程式在Android 裝置中看到元件將更改為

當在IOS 設備中看到該應用程式時，元件將更改為#當在網頁瀏覽器中看到時，元件將更改為標籤

React Native元件	Android本機視圖	IOS本機視圖	網頁瀏覽器	說明
#檢視-
		##當應用程式在Android 裝置中顯示時，元件將變更為	當應用程式出現時在IOS 裝置中看到< View> 元件將更改為	在Web 瀏覽器中看到元件將變更為標籤
	文字-	當應用程式出現在Android 裝置元件將會更改為	當應用程式在IOS 裝置中看到時，元件將更改為
用於向使用者顯示文字。它還處理樣式和觸摸事件。
用於顯示圖片。	Scrollview -	當應用程式在Android 裝置中看到時，元件將更改為< ;ScrollView>	當應用程式在應用程式在裝置中看到時，元件將更改為

當在Web 瀏覽器中看到時，元件將變更為

標籤

p>具有元件和視圖的捲動容器。

TextInput - 列出React Native重要的核心组件

###當應用程式在Android 裝置中顯示時，元件將更改為############當應用程式在IOS 裝置中顯示時，元件將更改為更改為### ##########當在Web 瀏覽器中看到元件時，將變更為標記。 ############使用者可以在其中輸入文字的輸入元素#####################範例#######以下是、、、和的工作範例######要使用Text、View、Image、ScrollView、TextInput，您需要從react -native 導入元件，如下所示-###

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

登入後複製

###View元件主要用來保存文字、按鈕、圖片等，該元件的使用方法如下-###

<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;

登入後複製

###輸出#############

以上是列出React Native重要的核心元件的詳細內容。更多資訊請關注PHP中文網其他相關文章！