React Native中最重要的核心元件如下-
React Native元件 | Android本機視圖 | IOS本機視圖 | 網頁瀏覽器 | 說明 |
---|---|---|---|---|
#檢視- 548e7793df275d156d270cdda504ba19 | 檢視- 548e7793df275d156d270cdda504ba19 | |||
##當應用程式在Android 裝置中顯示時,548e7793df275d156d270cdda504ba19 元件將變更為7b55e845865ed5229d0ea222bb08d5e9 | 當應用程式出現時在IOS 裝置中看到fb32a6f464e0e3a57f7a65ea69275670 元件將更改為dd7063ac101aa7bf295aba6fff6a7a1f | 在Web 瀏覽器中看到548e7793df275d156d270cdda504ba19 元件將變更為dc6dce4a544fdca2df29d5ac0ea9906b 標籤 | ||
文字- 7afbc23223af17d69e2ad2a4e42c6248 |
當應用程式出現在Android 裝置7afbc23223af17d69e2ad2a4e42c6248 元件將會更改為c398514c3e3771c7c856bd5623ce1ff8 | 當應用程式在IOS 裝置中看到時,7afbc23223af17d69e2ad2a4e42c6248 元件將更改為15da638d5cfcec0a99eb38297c6012eb | #當在網頁瀏覽器中看到時,7afbc23223af17d69e2ad2a4e42c6248 元件將更改為e388a4556c0f65e1904146cc1a846bee 標籤 | 用於向使用者顯示文字。它還處理樣式和觸摸事件。 | 映像- be6f9d9f8d3942f7e92b94b40bc4843d | 當在IOS 設備中看到該應用程式時,be6f9d9f8d3942f7e92b94b40bc4843d 元件將更改為5a1331ec3bc21641e8b198e67846b424 |
| #當在網頁瀏覽器中看到時,be6f9d9f8d3942f7e92b94b40bc4843d元件將更改為a1f02c36ba31691bcfe87b2722de723b標籤
用於顯示圖片。 | Scrollview - cc64e9eba48df49c2b22d3ab3fc1cfdf |
當應用程式在Android 裝置中看到時,cc64e9eba48df49c2b22d3ab3fc1cfdf 元件將更改為< ;ScrollView> | 當應用程式在應用程式在裝置中看到時,cc64e9eba48df49c2b22d3ab3fc1cfdf 元件將更改為d0ff0624d90fab52e480f913eef08e4d |
p>具有元件和視圖的捲動容器。
TextInput - 3bda1eaf2818b810be2a25a0a48094bb
###當應用程式在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 'react-native';###View元件主要用來保存文字、按鈕、圖片等,該元件的使用方法如下-###
<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>###裡面有文字和圖像元件。 ScrollView 元件的行為類似於處理 View、Text、Image、Button 和其他 React Native 元件的父元件。 ###
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
以上是列出React Native重要的核心元件的詳細內容。更多資訊請關注PHP中文網其他相關文章!