有没有办法使用React-Native创建和分发/触发自定义事件?

时间:2018-09-25 15:30:16

标签: javascript react-native events triggers dispatch

使用DOM,您可以像这样轻松地使用Javascript创建触发器自定义事件:

var event = new Event('build');

// Listen for the event.
elem.addEventListener('build', function (e) { /* ... */ }, false);

// Dispatch the event.
elem.dispatchEvent(event);

有没有办法用React-Native做到这一点?我知道NativeEventEmitter的存在,这是RN与Java平台与本机通信的方式。

1 个答案:

答案 0 :(得分:0)

针对我的情况,实际上有两种解决方案:

  1. https://reactnavigation.org/docs/en/function-after-focusing-screen.html
    使用反应导航了解何时接收到组件/屏幕 使用“ didFocus”事件侦听器聚焦并触发动作:
import React, { Component } from 'react';
import { View } from 'react-native';
import { withNavigation } from 'react-navigation';

class TabScreen extends Component {
  componentDidMount() {
    const { navigation } = this.props;
    this.focusListener = navigation.addListener('didFocus', () => {
      // The screen is focused
      // Call any action
    });
  }

  componentWillUnmount() {
    // Remove the event listener
    this.focusListener.remove();
  }

  render() {
    return <View />;
  }
}

export default withNavigation(TabScreen);
  1. https://redux.js.org/basics/example
    将Redux用作应用程序的一个全局状态容器。