探索React Native全栈示例项目：实现移动应用开发新高度

以下是React Native全栈示例项目的核心函数，展示了如何使用React Native和Redux进行移动应用开发：

import React, { Component } from 'react';
import { View, Text, Button } from 'react-native';
import { connect } from 'react-redux';
import { increment, decrement } from './actions';
 
class CounterScreen extends Component {
  incrementCounter = () => {
    this.props.increment();
  };
 
  decrementCounter = () => {
    this.props.decrement();
  };
 
  render() {
    return (
      <View>
        <Text>Counter: {this.props.counter}</Text>
        <Button onPress={this.incrementCounter} title="Increment" />
        <Button onPress={this.decrementCounter} title="Decrement" />
      </View>
    );
  }
}
 
const mapStateToProps = (state) => ({
  counter: state.counter,
});
 
export default connect(mapStateToProps, { increment, decrement })(CounterScreen);

这段代码定义了一个名为CounterScreen的React组件，它展示了当前的计数器值，并提供了增加和减少计数器的按钮。组件使用Redux的connect函数连接到状态管理和操作，使得计数器的状态可以在全应用中共享。