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和一个文本。

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;