mirrors/BlueWallet
1
0
Fork 0
mirror of https://github.com/BlueWallet/BlueWallet.git synced 2024-11-19 18:00:17 +01:00
Code Issues Packages Projects Releases Wiki Activity

FIX: QRCode styling should be in View not TouchableOpacity

Browse Source
This commit is contained in:
Marcos Rodriguez Vélez 2021-08-24 00:46:39 -04:00
parent e657ef0be6
commit 3a485e41e8
1 changed files with 11 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
components/DynamicQRCode.js
View File

@ -107,22 +107,23 @@ export class DynamicQRCode extends Component {
<TouchableOpacity <TouchableOpacity
accessibilityRole="button" accessibilityRole="button"
testID="DynamicCode" testID="DynamicCode"
style={animatedQRCodeStyle.qrcodeContainer}
onPress={() => { onPress={() => {
LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut); LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut);
this.setState(prevState => ({ hideControls: !prevState.hideControls })); this.setState(prevState => ({ hideControls: !prevState.hideControls }));
}} }}
> >
{this.state.displayQRCode && ( {this.state.displayQRCode && (
<QRCode <View style={animatedQRCodeStyle.qrcodeContainer}>
value={currentFragment.toUpperCase()} <QRCode
size={this.state.qrCodeHeight} value={currentFragment.toUpperCase()}
color="#000000" size={this.state.qrCodeHeight}
logoBackgroundColor={BlueCurrentTheme.colors.brandingColor} color="#000000"
backgroundColor="#FFFFFF" logoBackgroundColor={BlueCurrentTheme.colors.brandingColor}
ecl="L" backgroundColor="#FFFFFF"
onError={this.onError} ecl="L"
/> onError={this.onError}
/>
</View>
)} )}
</TouchableOpacity> </TouchableOpacity>
@ -170,9 +171,6 @@ const animatedQRCodeStyle = StyleSheet.create({
flex: 1, flex: 1,
flexDirection: 'column', flexDirection: 'column',
alignItems: 'center', alignItems: 'center',
borderWidth: 6,
borderRadius: 8,
borderColor: '#FFFFFF',
}, },
qrcodeContainer: { qrcodeContainer: {
alignItems: 'center', alignItems: 'center',