react native 做的app

React Native 是一种基于 ReactJS 的新型框架，其主要目的是开发原生的、高效的、以 JavaScript 为基础的移动应用程序。React Native 应用程序可以在 iOS 和 Android 原生的 app 上运行，因此开发者可以用一份代码构建不同平台的应用。

React Native 的工作原理是将所有的 JavaScript 代码打包，然后交给一个全局的 JavaScript 解释器来运行。该解释器可以在任一平台上运行，并且负责将 React Native 的组件解释并实现到坑人特定平台上的本地组件。

React Native 的基础组件包括视图、图片、按钮、输入框、文本等，通过这些基础组件可以很方便地实现界面的布局。React Native 还支持原生 API，所以可以很方便地调用原生组件和 API。

下面是一个简单的 React Native 应用程序的示例，该应用程序实现了一个简单的计数器：

```javascript

import React, { Component } from 'react';

import { View, Text, Button } from 'react-native';

class Counter extends Component {

constructor(props) {

super(props);

this.state = {

count: 0

};

}

render() {

return (

{this.state.count}

{

this.setState({ count: this.state.count + 1 });

}} />

);

}

}

export default class App extends Component {

render() {

return (

);

}

}

```

以上代码编译后会生成原生的 iOS 和 Android 应用程序，可以在手机上运行。其中，Counter 组件表示计数器，Button 组件表示一个按钮，View 组件表示一个容器视图，Text 组件用于显示文本内容。在 Counter 组件的构造函数中，初始化了一个状态 count。当点击 Add 按钮时，通过调用 this.setState 方法更新状态，最终重新渲染组件。

React Native 还有一些额外的功能，例如扩展库、声明式视图等。扩展库可以为开发人员提供更多的 React 内置组件，以及更多可定制的组件和代码片段。声明式视图是一种 React Native 特有的概念，指的是使用声明性代码来构建用户界面的方法。相比于常规的命令式代码，声明性代码更简单，更易于理解。

总的来说，React Native 使得移动应用程序的开发变得更加简单、高效，并且可以跨平台使用。因此，React Native 被广泛地应用于原生应用开发、混合应用开发、Web 应用程序开发等领域。