Improved buttons position

This commit is contained in:
Arnaud Vergnet 2020-03-16 19:29:57 +01:00
parent c9237cc824
commit 3affbfcb40

View file

@ -203,28 +203,33 @@ class TetrisScreen extends React.Component<Props, State> {
/> />
<View style={{ <View style={{
flexDirection: 'row', flexDirection: 'row',
marginLeft: 'auto', width: '100%',
marginRight: 'auto',
}}> }}>
<IconButton <IconButton
icon="format-rotate-90" icon="format-rotate-90"
size={40} size={40}
onPress={() => this.logic.rotatePressed(this.updateGrid)} onPress={() => this.logic.rotatePressed(this.updateGrid)}
style={{marginRight: 'auto'}}
/> />
<IconButton <View style={{
icon="arrow-left" flexDirection: 'row',
size={40} }}>
onPress={() => this.logic.leftPressed(this.updateGrid)} <IconButton
/> icon="arrow-left"
<IconButton size={40}
icon="arrow-right" onPress={() => this.logic.leftPressed(this.updateGrid)}
size={40} />
onPress={() => this.logic.rightPressed(this.updateGrid)} <IconButton
/> icon="arrow-right"
size={40}
onPress={() => this.logic.rightPressed(this.updateGrid)}
/>
</View>
<IconButton <IconButton
icon="arrow-down" icon="arrow-down"
size={40} size={40}
onPress={() => this.logic.downPressed(this.updateGridScore)} onPress={() => this.logic.downPressed(this.updateGridScore)}
style={{marginLeft: 'auto'}}
/> />
</View> </View>
</View> </View>