niklas/opendeck-app
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

added touchables to the buttons

Browse Source
This commit is contained in:
Niklas 2021-01-22 16:19:44 +01:00
parent 6bff17f226
commit 6501c01525
1 changed files with 16 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/DeckButton.tsx
View File

@ -1,5 +1,5 @@
import React from 'react';
import {StyleSheet, Text, View} from 'react-native';
import {StyleSheet, Text, TouchableHighlight, View} from 'react-native';
interface Props {
text: string;
@ -9,7 +9,13 @@ export default function DeckButton(props: Props) {
return (
<>
<View style={style.view}>
<TouchableHighlight
style={style.touchable}
underlayColor={'#f0f'}
onPress={() => console.log(props.text)}
onLongPress={() => console.log('long press')}>
<Text style={style.text}>{props.text}</Text>
</TouchableHighlight>
</View>
</>
);
@ -20,9 +26,16 @@ const style = StyleSheet.create({
backgroundColor: '#ff4000',
flexBasis: (1 / 3) * 100 + '%',
height: 80,
borderColor: '#94f713',
borderWidth: 1,
flex: 1,
},
touchable: {
width: '100%',
height: '100%',
},
text: {
backgroundColor: '#ffbf00',
//backgroundColor: '#ffbf00',
textAlign: 'center',
},
});