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,14 +203,17 @@ 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'}}
/> />
<View style={{
flexDirection: 'row',
}}>
<IconButton <IconButton
icon="arrow-left" icon="arrow-left"
size={40} size={40}
@ -221,10 +224,12 @@ class TetrisScreen extends React.Component<Props, State> {
size={40} size={40}
onPress={() => this.logic.rightPressed(this.updateGrid)} 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>