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

输出