InstancesView.js

class InstancesView extends Component {
    constructor() {
        super();
        
        this.goToPage = this.goToPage.bind(this);
    }

    goToPage(page) {
        this._scrollableTabViewRef.goToPage(page);
    }

    render() {
        return (
            <ScrollableTabView
                ref={ref => { this._scrollableTabViewRef = ref; }}
                renderTabBar={() => <ScrollableTabBar />}
                style={styles.panelContainer}
            >
                <View tabLabel="Courses" style={styles.panelWrapper}>
                    <ProgramsList
                        instanceId={this._id}
                        fetch={this._fetchPrograms}
                        refresh={this._refreshPrograms}
                    />
                </View>

                <View tabLabel="Events" style={styles.panelWrapper}>
                    <EventsList
                        fetch={this._fetchEvents}
                        refresh={this._refreshEvents}
                    />
                </View>

                <View tabLabel="Updates" style={styles.panelWrapper}>
                    <MessagesList
                        goToPage={this.goToPage}
                        fetch={this._fetchMessages}
                        refresh={this._refreshMessages}
                    />
                </View>
            </ScrollableTabView>
        );
    }
}