React Native - 查看

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

用例

现在让我们看看一些常见的用例。

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

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

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

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

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

应用程序.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

输出

道具更新