报告:目前完成度【 0.5/3 】,预计上线时间:【 未知 】 【问卷调查】
英文链接源链接 [6867]
contenteditable="true"

React Native - View 介绍

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

用例

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

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

  • 当您想在父元素内嵌套更多元素时,父子元素均可为视图。它可以有任意多个孩子。

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

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

我们在先前的章节中已经使用过 View ,并且在以后的所有章节中也将使用它。在View Native中,可以将 View 假定为默认元素。在下面给出的示例中,我们将嵌套两个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

输出

Props Updated
点我分享笔记