JavaScript与移动端框架React Native

import React, { Component } from 'react';
import { Text, View, Button } from 'react-native';
 
export default class MyApp extends Component {
  constructor(props) {
    super(props);
    this.state = { count: 0 };
    this.increment = this.increment.bind(this);
  }
 
  increment() {
    this.setState({ count: this.state.count + 1 });
  }
 
  render() {
    return (
      <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
        <Text>The count is {this.state.count}</Text>
        <Button onPress={this.increment} title="Increment" />
      </View>
    );
  }
}

这段代码使用React Native创建了一个简单的移动应用，其中包含一个计数器。当用户点击按钮时，increment 函数被调用，count 状态变量增加1，并且通过Text组件显示在屏幕上。这个例子展示了如何使用React Native创建一个响应用户操作的界面，并展示了其状态管理的基本方法。