首頁  >  文章  >  web前端  >  列出React Native重要的核心元件

列出React Native重要的核心元件

WBOY
WBOY轉載
2023-09-08 21:25:06856瀏覽

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

檢視- 548e7793df275d156d270cdda504ba19#是支援flexbox佈局的核心容器。它還管理觸摸處理。 #當在網頁瀏覽器中看到時,7afbc23223af17d69e2ad2a4e42c6248 元件將更改為e388a4556c0f65e1904146cc1a846bee 標籤映像- be6f9d9f8d3942f7e92b94b40bc4843d

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

當在IOS 設備中看到該應用程式時,be6f9d9f8d3942f7e92b94b40bc4843d 元件將更改為5a1331ec3bc21641e8b198e67846b424#當在網頁瀏覽器中看到時,be6f9d9f8d3942f7e92b94b40bc4843d元件將更改為a1f02c36ba31691bcfe87b2722de723b標籤
React Native元件 Android本機視圖 IOS本機視圖 網頁瀏覽器 說明
#檢視- 548e7793df275d156d270cdda504ba19

##當應用程式在Android 裝置中顯示時,548e7793df275d156d270cdda504ba19 元件將變更為7b55e845865ed5229d0ea222bb08d5e9

當應用程式出現時在IOS 裝置中看到fb32a6f464e0e3a57f7a65ea69275670 元件將更改為dd7063ac101aa7bf295aba6fff6a7a1f

在Web 瀏覽器中看到548e7793df275d156d270cdda504ba19 元件將變更為dc6dce4a544fdca2df29d5ac0ea9906b 標籤

文字- 7afbc23223af17d69e2ad2a4e42c6248

當應用程式出現在Android 裝置7afbc23223af17d69e2ad2a4e42c6248 元件將會更改為c398514c3e3771c7c856bd5623ce1ff8

當應用程式在IOS 裝置中看到時,7afbc23223af17d69e2ad2a4e42c6248 元件將更改為15da638d5cfcec0a99eb38297c6012eb

用於向使用者顯示文字。它還處理樣式和觸摸事件。

用於顯示圖片。

Scrollview - cc64e9eba48df49c2b22d3ab3fc1cfdf

當應用程式在Android 裝置中看到時,cc64e9eba48df49c2b22d3ab3fc1cfdf 元件將更改為< ;ScrollView>

當應用程式在應用程式在裝置中看到時,cc64e9eba48df49c2b22d3ab3fc1cfdf 元件將更改為d0ff0624d90fab52e480f913eef08e4d

當在Web 瀏覽器中看到時,cc64e9eba48df49c2b22d3ab3fc1cfdf 元件將變更為dc6dce4a544fdca2df29d5ac0ea9906b 標籤

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

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

###當應用程式在Android 裝置中顯示時,3bda1eaf2818b810be2a25a0a48094bb元件將更改為4fd0db87786572d5bb22974cf6a288d3############當應用程式在IOS 裝置中顯示時,3bda1eaf2818b810be2a25a0a48094bb 元件將更改為4fd0db87786572d5bb22974cf6a288d3更改為052e7434143fb5cd73fe5438953c55a8### ##########當在Web 瀏覽器中看到3bda1eaf2818b810be2a25a0a48094bb 元件時,將變更為23efcc05e98690ceeb219581933e4231 標記。 ############使用者可以在其中輸入文字的輸入元素#####################範例#######以下是548e7793df275d156d270cdda504ba19、7afbc23223af17d69e2ad2a4e42c6248、be6f9d9f8d3942f7e92b94b40bc4843d、cc64e9eba48df49c2b22d3ab3fc1cfdf 和3bda1eaf2818b810be2a25a0a48094bb 的工作範例######要使用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中文網其他相關文章!

陳述:
本文轉載於:tutorialspoint.com。如有侵權,請聯絡admin@php.cn刪除