React Native视图View元素 – React Native实战教程

上一章React Native实战教程请查看:React Native在Android和IOS运行项目的命令
视图View是React Native中最常见的元素,你可以将它看作与web开发中使用的div元素的等效。
视图View的使用例子现在让我们看看一些常见View的用例。

  • 当需要将元素包装在容器内时,可以使用View作为容器元素。
  • 当你希望在父元素中嵌套更多的元素时,父元素和子元素都可以同时是View,子元素理想情况下可以为无限多个。
  • 当你想要不同样式的元素,你可以把他们放在View内,因为它支持的样式style属性,flexbox等。
  • View还支持合成触摸事件,它可以用于不同的目的。
我们已经在前面的章节中使用了View视图,并且我们将在几乎所有后续的章节中使用它,视图可以被认为是React Native中的默认元素。在下面的示例中,我们将嵌套两个视图View和一个文本。
【React Native视图View元素 – React Native实战教程】App.js
import React, {Component} from 'react'; import {View, Text} from 'react-native'; const App = () => { return ( < View> < View> < Text>React Native APP开发实战< /Text> < /View> < /View> ); }; export default App;

React Native视图View元素 &#8211; React Native实战教程

文章图片

    推荐阅读