Communicate Between Components in React Native?

Question

Here is my react-native code:

<NavigatorIOS
ref='nav'
style={styles.container}
initialRoute={{
    title: 'List',
    component: TaskList,
    rightButtonTitle: 'new',
    onRightButtonPress: () => {
        this.refs.nav.push({ 
        title: 'Add Task',
        component: AddTask
        });
    }
}} />

How can I push some notifications from the AddTask component to the TaskList component?

The docs said that "For communication between two components that don't have a parent-child relationship, you can set up your own global event system."

So I need set up a global event system?

Answer 1

Like communicate-between-components said:

For communication between two components that don't have a parent-child relationship, Flux pattern is one of the possible ways to arrange this.

You can use Flux in the react-native project.

Here is a demo for Flux + React-Native:

You can check out the source code from github.