React Native - View檢視

View是React Native中最常見的元素。你可以把它看作是web開發中使用的div元素的等效物。

用例

現在讓我們看看一些常見的用例。

• 當您需要將元素包裹在容器內時，可以使用View作為容器元素。

• 當您想在父元素內巢狀更多元素時，父元素和子元素都可以是View。它可以擁有任意數量的子元素。

• 當您想設定不同元素的樣式時，您可以將它們放在View內，因為它支援style屬性、flexbox等。

• View還支援合成觸控事件，這對於不同的用途非常有用。

我們已經在之前的章節中使用了View，並且幾乎在所有後續章節中也會使用它。View可以被認為是React Native中的預設元素。在下面的示例中，我們將巢狀兩個View和一個文字。

App.js

import React, { Component } from 'react'
import { View, Text } from 'react-native'

const App = () => {
   return (
      <View>
         <View>
            <Text>This is my text</Text>
         </View>
      </View>
   )
}
export default App

輸出