how do i trigger onNext clicking on custom touchableHighlight?

Hi, here is my code:

_renderItem = (props) => {
	return (	
		<View style={styles.container}>
			<Image source={images.background} style={styles.backgroundImage} >
				<View style={styles.titleView}>
					<Image source={images.menu_logo}/>
					<Text style={styles.title}>{props.title}</Text>
				</View>

				<View style={styles.bodyView}>
					<Image source={props.image} resizeMode={'contain'} style={styles.image} />
					<Text style={styles.bodyText}>{props.text}</Text>				
				</View>
				<TouchableHighlight
					onPress={this.nextPressed.bind(this)}
					style={styles.okButton}
				>
					<Text style={styles.okButtonText}>OK</Text>
				</TouchableHighlight>
			</Image>
		</View>
	);
}

_nextPressed = () => {
    ..........?????
}

[Jacse]

Normally you wouldn’t define your own button like that but instead use the renderNextButton and renderDoneButton-props. If you really want to do it that way, though I don’t recommend it, you can call goToSlide like this:

_nextPressed = () => {
  this.AppIntroSlider.goToSlide(index)
}

render() {
    return (
        <AppIntroSlider
            ref={ref => this.AppIntroSlider = ref}
        />
    );
}

Just note that onDone won’t be called when you specify your own button component.

[6axter82]

after I implement <AppIntroSlider ref={ref => this.AppIntroSlider = ref} />

and do call this.AppIntroSlider.goToSlide(1);

I’m getting the following error: TypeError: undefined is not an object (evaluating ‘_this3.AppIntroSlider.goToSlide’)