React Native Android 应用层实战沦陷记
import React, { Component } from 'react';
import { View, Text, Button } from 'react-native';
export default class App 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>
<Text>点击次数: {this.state.count}</Text>
<Button onPress={this.increment} title="点击我" />
</View>
);
}
}
这段代码展示了如何在React Native应用中创建一个简单的计数器。它使用了React组件的生命周期方法constructor
来绑定事件处理函数,并使用state
来管理组件内部的状态。当用户点击按钮时,increment
方法被调用,state
中的count
值增加,并且通过render
方法渲染到界面上。这是学习React Native开发的一个基本例子,适合初学者学习和实践。
评论已关闭