Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
React 360 Step 3: Interactions
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>
);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment