📌  相关文章
📜  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

输出

道具更新