Skip to content

Instantly share code, notes, and snippets.

@michaelmang
Last active June 27, 2017 03:29
  • 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/76a47419e613a4bc5391fa2f85b568b0 to your computer and use it in GitHub Desktop.
import React from 'react';
import {
Text,
View,
VrButton
} from 'react-vr';
//Element
class TileButtons extends React.Component {
render() {
return (
<View style={{marginTop: -0.09, flexDirection: 'row', alignItems: 'center', justifyContent: 'center'}}>
<View style={{ margin: 0.1, width: 1, flexDirection: 'column', alignItems: 'center', justifyContent: 'center'}}>
<View style={{ margin: 0.1, height: 0.6, backgroundColor: "#CAB9E5"}}>
<VrButton>
<Text
style={{
fontSize: 0.2,
textAlign: 'center',
color: "#FFFFFF"
}}>
</Text>
</VrButton>
</View>
<View style={{ margin: 0.1, height: 0.6, backgroundColor: "#CAB9E5"}}>
<VrButton>
<Text
style={{
fontSize: 0.2,
textAlign: 'center',
color: "#FFFFFF"
}}>
</Text>
</VrButton>
</View>
</View>
<View style={{ margin: 0.1, width: 1, flexDirection: 'column', alignItems: 'center', justifyContent: 'center'}}>
<View style={{ margin: 0.1, height: 0.6, backgroundColor: "#CAB9E5"}}>
<VrButton>
<Text
style={{
fontSize: 0.2,
textAlign: 'center',
color: "#FFFFFF"
}}>
</Text>
</VrButton>
</View>
<View style={{ margin: 0.1, height: 0.6, backgroundColor: "#CAB9E5"}}>
<VrButton>
<Text
style={{
fontSize: 0.2,
textAlign: 'center',
color: "#FFFFFF"
}}>
</Text>
</VrButton>
</View>
</View>
<View style={{ margin: 0.1, width: 1, flexDirection: 'column', alignItems: 'center', justifyContent: 'center'}}>
<View style={{ margin: 0.1, height: 0.6, backgroundColor: "#CAB9E5"}}>
<VrButton>
<Text
style={{
fontSize: 0.2,
textAlign: 'center',
color: "#FFFFFF"
}}>
</Text>
</VrButton>
</View>
<View style={{ margin: 0.1, height: 0.6, backgroundColor: "#CAB9E5"}}>
<VrButton>
<Text
style={{
fontSize: 0.2,
textAlign: 'center',
color: "#FFFFFF"
}}>
</Text>
</VrButton>
</View>
</View>
</View>
)
}
}
module.exports = TileButtons;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment