Skip to content

Instantly share code, notes, and snippets.

@michaelmang
Created June 27, 2017 02:44
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
Star You must be signed in to star a gist
Save michaelmang/545939b66591f4e00856e8e817beef11 to your computer and use it in GitHub Desktop.
MenuButtons.js
import React from 'react';
import {
Text,
View,
VrButton
} from 'react-vr';
//Element
class MenuButtons extends React.Component {
render() {
return (
<View
style={{
margin: 0.1,
width: 1,
flexDirection: 'column',
alignItems: 'stretch',
justifyContent: 'center'
}}
>
<View
style={{
margin: 0.1,
height: 0.3,
backgroundColor: "#898794"
}}
>
<VrButton>
<Text
style={{
fontSize: 0.2,
textAlign: 'center',
color: "#FFFFFF"
}}>
Twitch
</Text>
</VrButton>
</View>
<View
style={{
margin: 0.1,
height: 0.3,
backgroundColor: "#898794"
}}
>
<VrButton>
<Text
style={{
fontSize: 0.2,
textAlign: 'center',
color: "#FFFFFF"
}}>
</Text>
</VrButton>
</View>
<View
style={{
margin: 0.1,
height: 0.3,
backgroundColor: "#898794"
}}
>
<VrButton>
<Text
style={{
fontSize: 0.2,
textAlign: 'center',
color: "#FFFFFF"
}}>
</Text>
</VrButton>
</View>
<View
style={{
margin: 0.1,
height: 0.3,
backgroundColor: "#898794"
}}
>
<VrButton>
<Text
style={{
fontSize: 0.2,
textAlign: 'center',
color: "#FFFFFF"
}}>
</Text>
</VrButton>
</View>
</View>
)
}
}
module.exports = MenuButtons;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment