在接收推送通知时刷新列表视图

时间:2017-11-06 10:42:29

标签: react-native push-notification

如果在redux base react native应用程序上收到推送通知时如何重新加载listview?

我已经编写了用于在App.js文件上接收推送通知的逻辑。我的列表视图在Home.js中的位置

我正在寻找一种从App.js

触发方法名称refreshList()的方法

1 个答案:

答案 0 :(得分:0)

如果您使用redux,则订单应该非常明确:

  1. 接收数据。

  2. 使用数据发送操作(可能是SET_PUSH_DATA)。

  3. 假设您的组件已连接到redux,并假设我在您的监听器中:

    this.props.yourActionName({ 
        type: "YOUR_ACTION_TYPE",
        payload: yourNewData
    });
    
    1. 更新减速机中的列表。
    2. 在你的reducer中你应该有一个数组来保存数据,所以只需为这个动作添加一个案例:

      case "YOUR_ACTION_TYPE":
          return {...state, yourListVariable: action.payload}
      
      1. 获取容器组件中mapStateToProps的列表。

        const mapStateToProps =({YourListReducer})=> {    return {list:YourListReducer.list}; }

      2. 一旦redux更新了其状态,您将在容器组件中获得一个新的prop值,因此,这将触发组件更新周期,并且将使用新数据在组件中触发渲染,因此您不会需要在App.js上使用refreshList(),因为redux将为您处理更新。