React Native - View

  • 简述

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

    现在让我们看看一些常见的用例。
    • 当您需要将元素包装在容器内时,您可以使用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
    

    输出

    道具更新