React 360 Step 3: Interactions

interactions.js

export default class soccerVR extends React.Component {
	render() {
		return (
			<View style={styles.panel}>
				<View style={styles.logosContainer}>
					{/* Iterating over CLUBS and rendering content */}
					{CLUBS.map(club => (
						<VrButton
							key={club.id}
							onClick={() => console.log("Click")}
							onEnter={() => console.log("Enter")}
							onExit={() => console.log("Exit")}
							style={styles.logoHolder}
						>
							{/* <View> */}
							<Image style={styles.logoImage} source={{ uri: club.logoUrl }} />
							<Text style={styles.logoText}>{club.name}</Text>
							{/* </View> */}
						</VrButton>
					))}
				</View>
			</View>
		);
	}
}