mirrors/BlueWallet
1
0
Fork 0
mirror of https://github.com/BlueWallet/BlueWallet.git synced 2025-03-26 08:55:56 +01:00
Code Issues Projects Releases Packages Wiki Activity

REF: Fix layout on invoice view

Browse source 
For some reason the <scrollview> element is removing the flex layout logic, bottom elements are on the center, etc.
This commit is contained in:
ncoelho 2021-04-10 12:44:31 +02:00
parent 4b7081ccb6
commit 4e9aed6984
1 changed files with 35 additions and 32 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

67
screen/lnd/lndViewInvoice.js
View file

@ -240,39 +240,41 @@ const LNDViewInvoice = () => {
}
// Invoice has not expired, nor has it been paid for.
return (
<View style={[styles.activeRoot, stylesHook.root]}>
<View style={styles.activeQrcode}>
<QRCode
value={invoice.payment_request}
logo={require('../../img/qr-code.png')}
size={qrCodeSize}
logoSize={90}
color="#000000"
logoBackgroundColor={colors.brandingColor}
backgroundColor="#FFFFFF"
<ScrollView>
<View style={[styles.activeRoot, stylesHook.root]}>
<View style={styles.activeQrcode}>
<QRCode
value={invoice.payment_request}
logo={require('../../img/qr-code.png')}
size={qrCodeSize}
logoSize={90}
color="#000000"
logoBackgroundColor={colors.brandingColor}
backgroundColor="#FFFFFF"
/>
</View>
<BlueSpacing20 />
<BlueText>
{loc.lndViewInvoice.please_pay} {invoice.amt} {loc.lndViewInvoice.sats}
</BlueText>
{'description' in invoice && invoice.description.length > 0 && (
<BlueText>
{loc.lndViewInvoice.for} {invoice.description}
</BlueText>
)}
<BlueCopyTextToClipboard text={invoice.payment_request} />
<BlueButton onPress={handleOnSharePressed} title={loc.receive.details_share} />
<BlueSpacing20 />
<BlueButton
style={stylesHook.additionalInfo}
onPress={handleOnViewAdditionalInformationPressed}
title={loc.lndViewInvoice.additional_info}
/>
</View>
<BlueSpacing20 />
<BlueText>
{loc.lndViewInvoice.please_pay} {invoice.amt} {loc.lndViewInvoice.sats}
</BlueText>
{'description' in invoice && invoice.description.length > 0 && (
<BlueText>
{loc.lndViewInvoice.for} {invoice.description}
</BlueText>
)}
<BlueCopyTextToClipboard text={invoice.payment_request} />
<BlueButton onPress={handleOnSharePressed} title={loc.receive.details_share} />
<BlueSpacing20 />
<BlueButton
style={stylesHook.additionalInfo}
onPress={handleOnViewAdditionalInformationPressed}
title={loc.lndViewInvoice.additional_info}
/>
</View>
</ScrollView>
);
}
};
@ -280,7 +282,7 @@ const LNDViewInvoice = () => {
return (
<SafeBlueArea onLayout={onLayout}>
<StatusBar barStyle="default" />
<ScrollView>{render()}</ScrollView>
{render()}
</SafeBlueArea>
);
};
@ -288,6 +290,7 @@ const LNDViewInvoice = () => {
const styles = StyleSheet.create({
root: {
flex: 1,
justifyContent: 'space-between',
},
justifyContentCenter: {
justifyContent: 'center',