📜  React Native-视图

📅  最后修改于: 2020-12-08 06:10:22             🧑  作者: Mango


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

用例

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

  • 当需要将元素包装在容器内时,可以将“视图”用作容器元素。

  • 当您想在父元素中嵌套更多元素时,父子元素都可以是View 。它可以有任意多个孩子。

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

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

我们已经在之前的章节中使用过View ,并且在以后的所有章节中也会使用View 。可以将View视为React Native中的默认元素。在下面给出的示例中,我们将嵌套两个View和一个文本。

App.js

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

const App = () => {
   return (
      
         
            This is my text
         
      
   )
}
export default App

输出

道具更新