React Native - View

View 是 React Native 中最常见的元素。您可以将其视为 Web 开发中使用的 div 元素的等价物。

用例

现在让我们看几个常见的用例。

• 当您需要将元素包装在容器内时，可以使用 View 作为容器元素。

• 当您想要在父元素内嵌套更多元素时，父元素和子元素都可以是 View。它可以有任意数量的子元素。

• 当您想要设置不同元素的样式时，您可以将它们放在 View 中，因为它支持 style 属性、flexbox 等。

• View 还支持合成触摸事件，可用于不同目的。

我们在之前的章节中已经使用了 View，并且我们将在几乎所有后续章节中使用它。View 可以被视为 React Native 中的默认元素。在下面给出的示例中，我们将嵌套两个视图和一个文本。

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

输出