React Native中使用redux

在React Native中使用Redux，你需要安装Redux库以及React Redux库，并创建一个Redux store。以下是安装和设置Redux的步骤：

1. 安装Redux和React Redux：

npm install redux react-redux --save

2. 创建一个Redux store：

// store.js
import { createStore } from 'redux';
 
// 定义一个简单的reducer
const initialState = { count: 0 };
const reducer = (state = initialState, action) => {
  switch (action.type) {
    case 'INCREMENT':
      return { count: state.count + 1 };
    case 'DECREMENT':
      return { count: state.count - 1 };
    default:
      return state;
  }
};
 
// 创建store
const store = createStore(reducer);
 
export default store;

3. 使用Provider组件在根组件外部包裹你的应用，以便全局访问store：

// App.js
import React from 'react';
import { Provider } from 'react-redux';
import store from './store';
 
const App = () => (
  <Provider store={store}>
    {/* 你的应用组件 */}
  </Provider>
);
 
export default App;

4. 使用connect高阶组件连接你的组件到Redux store：

// Counter.js
import React, { Component } from 'react';
import { View, Text, Button } from 'react-native';
import { connect } from 'react-redux';
 
class Counter extends Component {
  render() {
    return (
      <View>
        <Text>Count: {this.props.count}</Text>
        <Button onPress={this.props.increment} title="Increment" />
        <Button onPress={this.props.decrement} title="Decrement" />
      </View>
    );
  }
}
 
const mapStateToProps = (state) => ({
  count: state.count,
});
 
const mapDispatchToProps = (dispatch) => ({
  increment: () => dispatch({ type: 'INCREMENT' }),
  decrement: () => dispatch({ type: 'DECREMENT' }),
});
 
export default connect(mapStateToProps, mapDispatchToProps)(Counter);

在这个例子中，Counter组件通过connect高阶组件从Redux store获取状态(count)和操作(increment和decrement)作为props，并通过按钮触发这些操作。这样，你就可以在React Native应用中使用Redux来管理状态了。