From 439f112ef1baaae89df13f0ac5a52daaffaf5d38 Mon Sep 17 00:00:00 2001
From: Jason <jayvdb1@gmail.com>
Date: Thu, 24 Jul 2025 12:14:27 +0200
Subject: [PATCH 1/3] feat(lightning): set max dust htlc exposure in dev
 settings

---
 src/screens/Settings/DevSettings/LdkDebug.tsx | 135 +++++++++++++++++-
 src/store/slices/settings.ts                  |   2 +
 src/utils/lightning/index.ts                  |  10 ++
 3 files changed, 145 insertions(+), 2 deletions(-)

diff --git a/src/screens/Settings/DevSettings/LdkDebug.tsx b/src/screens/Settings/DevSettings/LdkDebug.tsx
index 60ba7a896..1e0c38750 100644
--- a/src/screens/Settings/DevSettings/LdkDebug.tsx
+++ b/src/screens/Settings/DevSettings/LdkDebug.tsx
@@ -2,7 +2,7 @@ import Clipboard from '@react-native-clipboard/clipboard';
 import lm from '@synonymdev/react-native-ldk';
 import React, { ReactElement, memo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { ScrollView, StyleSheet } from 'react-native';
+import { ScrollView, StyleSheet, TouchableOpacity, View } from 'react-native';
 import RNFS from 'react-native-fs';
 import Share from 'react-native-share';
 
@@ -13,17 +13,19 @@ import { useLightningBalance } from '../../../hooks/lightning';
 import { useAppDispatch, useAppSelector } from '../../../hooks/redux';
 import { useSheetRef } from '../../../sheets/SheetRefsProvider';
 import { openChannelsSelector } from '../../../store/reselect/lightning';
+import { settingsSelector } from '../../../store/reselect/settings';
 import {
 	selectedNetworkSelector,
 	selectedWalletSelector,
 } from '../../../store/reselect/wallet';
 import { removeLightningPeer } from '../../../store/slices/lightning';
+import { updateSettings } from '../../../store/slices/settings';
 import {
 	createLightningInvoice,
 	savePeer,
 } from '../../../store/utils/lightning';
 import { TextInput, View as ThemedView } from '../../../styles/components';
-import { Caption13Up } from '../../../styles/text';
+import { BodyM, Caption13Up } from '../../../styles/text';
 import {
 	addPeer,
 	getNodeId,
@@ -53,6 +55,15 @@ const LdkDebug = (): ReactElement => {
 	const selectedWallet = useAppSelector(selectedWalletSelector);
 	const selectedNetwork = useAppSelector(selectedNetworkSelector);
 	const openChannels = useAppSelector(openChannelsSelector);
+	const settings = useAppSelector(settingsSelector);
+
+	// Max Dust HTLC Exposure form state
+	const [selectedType, setSelectedType] = useState<
+		'fixed_limit' | 'fee_rate_multiplier' | null
+	>(settings?.max_dust_htlc_exposure_type ?? null);
+	const [exposureValue, setExposureValue] = useState<string>(
+		settings?.max_dust_htlc_exposure?.toString() ?? '1000',
+	);
 
 	const onNodeId = async (): Promise<void> => {
 		const nodeId = await getNodeId();
@@ -435,6 +446,97 @@ const LdkDebug = (): ReactElement => {
 					</>
 				)}
 
+				<Caption13Up style={styles.sectionTitle} color="secondary">
+					Max Dust HTLC Exposure
+				</Caption13Up>
+
+				{/* Radio buttons for type selection */}
+				<TouchableOpacity
+					style={styles.radioOption}
+					onPress={() =>
+						setSelectedType(
+							selectedType === 'fixed_limit' ? null : 'fixed_limit',
+						)
+					}>
+					<View
+						style={[
+							styles.radioButton,
+							selectedType === 'fixed_limit' && styles.radioButtonSelected,
+						]}
+					/>
+					<BodyM style={styles.radioLabel}>Fixed Limit (sats)</BodyM>
+				</TouchableOpacity>
+
+				<TouchableOpacity
+					style={styles.radioOption}
+					onPress={() =>
+						setSelectedType(
+							selectedType === 'fee_rate_multiplier'
+								? null
+								: 'fee_rate_multiplier',
+						)
+					}>
+					<View
+						style={[
+							styles.radioButton,
+							selectedType === 'fee_rate_multiplier' &&
+								styles.radioButtonSelected,
+						]}
+					/>
+					<BodyM style={styles.radioLabel}>Fee Rate Multiplier</BodyM>
+				</TouchableOpacity>
+
+				{/* Number input - only show when a type is selected */}
+				{selectedType && (
+					<TextInput
+						style={styles.textInput}
+						value={exposureValue}
+						onChangeText={setExposureValue}
+						placeholder={selectedType === 'fixed_limit' ? '1000' : '10'}
+						keyboardType="numeric"
+						autoCapitalize="none"
+						autoComplete="off"
+						autoCorrect={false}
+					/>
+				)}
+
+				{/* Action buttons */}
+				<View style={styles.buttonRow}>
+					<Button
+						style={[styles.button, styles.buttonHalf]}
+						text="Set max dust"
+						disabled={!selectedType || !exposureValue}
+						onPress={(): void => {
+							const numValue = Number.parseInt(exposureValue, 10);
+							if (!Number.isNaN(numValue) && selectedType) {
+								dispatch(
+									updateSettings({
+										max_dust_htlc_exposure_type: selectedType,
+										max_dust_htlc_exposure: numValue,
+									}),
+								);
+							}
+						}}
+					/>
+					{(settings?.max_dust_htlc_exposure_type ||
+						settings?.max_dust_htlc_exposure) && (
+						<Button
+							style={[styles.button, styles.buttonHalf]}
+							text="Reset max dust"
+							onPress={(): void => {
+								setSelectedType(null);
+								setExposureValue('1000');
+								dispatch(
+									updateSettings({
+										max_dust_htlc_exposure_type: undefined,
+										max_dust_htlc_exposure: undefined,
+									}),
+								);
+							}}
+						/>
+					)}
+				</View>
+
 				<SafeAreaInset type="bottom" minPadding={16} />
 			</ScrollView>
 		</ThemedView>
@@ -467,6 +569,35 @@ const styles = StyleSheet.create({
 	button: {
 		marginTop: 8,
 	},
+	radioOption: {
+		flexDirection: 'row',
+		alignItems: 'center',
+		marginTop: 12,
+	},
+	radioButton: {
+		width: 20,
+		height: 20,
+		borderRadius: 10,
+		borderWidth: 2,
+		borderColor: '#666',
+		marginRight: 12,
+	},
+	radioButtonSelected: {
+		borderColor: '#FF6600',
+		backgroundColor: '#FF6600',
+	},
+	radioLabel: {
+		flex: 1,
+	},
+	buttonRow: {
+		flexDirection: 'row',
+		marginTop: 16,
+		gap: 8,
+	},
+	buttonHalf: {
+		flex: 1,
+		marginTop: 0,
+	},
 });
 
 export default memo(LdkDebug);
diff --git a/src/store/slices/settings.ts b/src/store/slices/settings.ts
index 8165839dd..0f3496ace 100644
--- a/src/store/slices/settings.ts
+++ b/src/store/slices/settings.ts
@@ -51,6 +51,8 @@ export type TSettings = {
 	transferIntroSeen: boolean;
 	spendingIntroSeen: boolean;
 	savingsIntroSeen: boolean;
+	max_dust_htlc_exposure_type?: 'fixed_limit' | 'fee_rate_multiplier';
+	max_dust_htlc_exposure?: number;
 };
 
 export const settingsSlice = createSlice({
diff --git a/src/utils/lightning/index.ts b/src/utils/lightning/index.ts
index 2accc4dee..d1c3d0500 100644
--- a/src/utils/lightning/index.ts
+++ b/src/utils/lightning/index.ts
@@ -483,6 +483,16 @@ export const setupLdk = async ({
 					negotiate_anchors_zero_fee_htlc_tx: true,
 				},
 				manually_accept_inbound_channels: true,
+				channel_config: {
+					...defaultUserConfig.channel_config,
+					...(getStore().settings.max_dust_htlc_exposure_type && {
+						max_dust_htlc_exposure_type:
+							getStore().settings.max_dust_htlc_exposure_type,
+					}),
+					...(getStore().settings.max_dust_htlc_exposure && {
+						max_dust_htlc_exposure: getStore().settings.max_dust_htlc_exposure,
+					}),
+				},
 			},
 			rapidGossipSyncUrl,
 			skipParamCheck: true, //Switch off for debugging LDK networking issues

From 557d13e96f4683b2378768120f90301f34eb59a6 Mon Sep 17 00:00:00 2001
From: Jason <jayvdb1@gmail.com>
Date: Thu, 24 Jul 2025 12:15:36 +0200
Subject: [PATCH 2/3] fix: update env template regtest host

---
 .env.development.template                     | 2 +-
 src/screens/Settings/DevSettings/LdkDebug.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/.env.development.template b/.env.development.template
index b04a17868..fae1a6993 100644
--- a/.env.development.template
+++ b/.env.development.template
@@ -12,7 +12,7 @@ BLOCKTANK_HOST=https://api.stag0.blocktank.to/blocktank/api/v2
 DEFAULT_BITCOIN_NETWORK=bitcoin
 
 # Default Electrum Peer (Regtest)
-ELECTRUM_REGTEST_HOST=34.65.86.104
+ELECTRUM_REGTEST_HOST=34.65.252.32
 ELECTRUM_REGTEST_TCP_PORT=18483
 ELECTRUM_REGTEST_SSL_PORT=18484
 ELECTRUM_REGTEST_PROTO=tcp
diff --git a/src/screens/Settings/DevSettings/LdkDebug.tsx b/src/screens/Settings/DevSettings/LdkDebug.tsx
index 1e0c38750..043c10982 100644
--- a/src/screens/Settings/DevSettings/LdkDebug.tsx
+++ b/src/screens/Settings/DevSettings/LdkDebug.tsx
@@ -464,7 +464,7 @@ const LdkDebug = (): ReactElement => {
 							selectedType === 'fixed_limit' && styles.radioButtonSelected,
 						]}
 					/>
-					<BodyM style={styles.radioLabel}>Fixed Limit (sats)</BodyM>
+					<BodyM style={styles.radioLabel}>Fixed Limit (msats)</BodyM>
 				</TouchableOpacity>
 
 				<TouchableOpacity

From 2f7afb8ca6a85e8d71531fe162d9313310ec32e6 Mon Sep 17 00:00:00 2001
From: Philipp Walter <philippwalter@proton.me>
Date: Thu, 24 Jul 2025 14:33:36 +0200
Subject: [PATCH 3/3] fix(settings): add keyboard avoiding view to LDK settings

---
 .env.production.template                      |   2 +-
 src/screens/Settings/DevSettings/LdkDebug.tsx | 408 +++++++++---------
 2 files changed, 211 insertions(+), 199 deletions(-)

diff --git a/.env.production.template b/.env.production.template
index a826f5c62..ef8f87356 100644
--- a/.env.production.template
+++ b/.env.production.template
@@ -12,7 +12,7 @@ BLOCKTANK_HOST=https://api1.blocktank.to/api
 DEFAULT_BITCOIN_NETWORK=bitcoin
 
 # Default Electrum Peer (Regtest)
-ELECTRUM_REGTEST_HOST=34.65.86.104
+ELECTRUM_REGTEST_HOST=34.65.252.32
 ELECTRUM_REGTEST_TCP_PORT=18483
 ELECTRUM_REGTEST_SSL_PORT=18484
 ELECTRUM_REGTEST_PROTO=tcp
diff --git a/src/screens/Settings/DevSettings/LdkDebug.tsx b/src/screens/Settings/DevSettings/LdkDebug.tsx
index 043c10982..e73a24063 100644
--- a/src/screens/Settings/DevSettings/LdkDebug.tsx
+++ b/src/screens/Settings/DevSettings/LdkDebug.tsx
@@ -6,6 +6,7 @@ import { ScrollView, StyleSheet, TouchableOpacity, View } from 'react-native';
 import RNFS from 'react-native-fs';
 import Share from 'react-native-share';
 
+import KeyboardAvoidingView from '../../../components/KeyboardAvoidingView';
 import NavigationHeader from '../../../components/NavigationHeader';
 import SafeAreaInset from '../../../components/SafeAreaInset';
 import Button from '../../../components/buttons/Button';
@@ -327,218 +328,226 @@ const LdkDebug = (): ReactElement => {
 		<ThemedView style={styles.root}>
 			<SafeAreaInset type="top" />
 			<NavigationHeader title="LDK Debug" />
-			<ScrollView contentContainerStyle={styles.content}>
-				<Caption13Up color="secondary">Add Peer</Caption13Up>
-				<TextInput
-					style={styles.textInput}
-					autoCapitalize="none"
-					autoComplete="off"
-					autoCorrect={false}
-					autoFocus={false}
-					value={peer}
-					placeholder="publicKey@ip:port"
-					multiline={true}
-					blurOnSubmit
-					returnKeyType="done"
-					testID="AddPeerInput"
-					onChangeText={setPeer}
-				/>
-				<Button
-					style={styles.button}
-					text={
-						peer ? 'Add Lightning Peer' : 'Paste Lightning Peer From Clipboard'
-					}
-					testID="AddPeerButton"
-					onPress={onAddPeer}
-				/>
-
-				<Caption13Up style={styles.sectionTitle} color="secondary">
-					Debug
-				</Caption13Up>
-				<Button
-					style={styles.button}
-					text="Get Node ID"
-					testID="CopyNodeId"
-					onPress={onNodeId}
-				/>
-				<Button
-					style={styles.button}
-					text="Refresh LDK"
-					loading={refreshingLdk}
-					testID="RefreshLDK"
-					onPress={onRefreshLdk}
-				/>
-				<Button
-					style={styles.button}
-					text="Restart LDK"
-					loading={restartingLdk}
-					testID="RestartLDK"
-					onPress={onRestartLdk}
-				/>
-				<Button style={styles.button} text="List Peers" onPress={onListPeers} />
-				<Button
-					style={styles.button}
-					text="Disconnect Peers"
-					onPress={onDisconnectPeers}
-				/>
-				<Button
-					style={styles.button}
-					text="Remove Unused Peers"
-					onPress={onRemoveUnusedPeers}
-				/>
-				<Button
-					style={styles.button}
-					text="Rebroadcast LDK Txs"
-					loading={rebroadcastingLdk}
-					testID="RebroadcastLDKTXS"
-					onPress={onRebroadcastLdkTxs}
-				/>
-				<Button
-					style={styles.button}
-					text="Spend Stuck Outputs"
-					loading={spendingStuckOutputs}
-					onPress={onSpendStuckOutputs}
-				/>
-				<Button
-					style={styles.button}
-					text="Force Close Channels"
-					onPress={onForceCloseChannels}
-				/>
-				<Button
-					style={styles.button}
-					text="Spend outputs from force close"
-					loading={spendingStuckOutputs}
-					onPress={onSpendOutputsFromForceClose}
-				/>
-				<Button
-					style={styles.button}
-					text="Export Logs"
-					onPress={onExportLogs}
-				/>
-				<Button
-					style={styles.button}
-					text="Save Logs"
-					onPress={onSaveLogs}
-					testID="SaveLogs"
-				/>
-
-				{openChannels.length > 0 && (
-					<>
-						<Button
-							style={styles.button}
-							text="Create Invoice: 100 sats"
-							disabled={remoteBalance < 100}
-							onPress={() => onCreateInvoice(100)}
-						/>
-						<Button
-							style={styles.button}
-							text="Create Invoice: 5000 sats"
-							disabled={remoteBalance < 5000}
-							onPress={() => onCreateInvoice(5000)}
-						/>
-						<Button
-							style={styles.button}
-							text="Pay Invoice From Clipboard"
-							loading={payingInvoice}
-							disabled={localBalance <= 0}
-							onPress={onPayInvoiceFromClipboard}
-						/>
-					</>
-				)}
-
-				<Caption13Up style={styles.sectionTitle} color="secondary">
-					Max Dust HTLC Exposure
-				</Caption13Up>
-
-				{/* Radio buttons for type selection */}
-				<TouchableOpacity
-					style={styles.radioOption}
-					onPress={() =>
-						setSelectedType(
-							selectedType === 'fixed_limit' ? null : 'fixed_limit',
-						)
-					}>
-					<View
-						style={[
-							styles.radioButton,
-							selectedType === 'fixed_limit' && styles.radioButtonSelected,
-						]}
-					/>
-					<BodyM style={styles.radioLabel}>Fixed Limit (msats)</BodyM>
-				</TouchableOpacity>
-
-				<TouchableOpacity
-					style={styles.radioOption}
-					onPress={() =>
-						setSelectedType(
-							selectedType === 'fee_rate_multiplier'
-								? null
-								: 'fee_rate_multiplier',
-						)
-					}>
-					<View
-						style={[
-							styles.radioButton,
-							selectedType === 'fee_rate_multiplier' &&
-								styles.radioButtonSelected,
-						]}
-					/>
-					<BodyM style={styles.radioLabel}>Fee Rate Multiplier</BodyM>
-				</TouchableOpacity>
-
-				{/* Number input - only show when a type is selected */}
-				{selectedType && (
+			<KeyboardAvoidingView style={styles.content}>
+				<ScrollView contentContainerStyle={styles.scrollContent}>
+					<Caption13Up color="secondary">Add Peer</Caption13Up>
 					<TextInput
 						style={styles.textInput}
-						value={exposureValue}
-						onChangeText={setExposureValue}
-						placeholder={selectedType === 'fixed_limit' ? '1000' : '10'}
-						keyboardType="numeric"
 						autoCapitalize="none"
 						autoComplete="off"
 						autoCorrect={false}
+						autoFocus={false}
+						value={peer}
+						placeholder="publicKey@ip:port"
+						multiline={true}
+						blurOnSubmit
+						returnKeyType="done"
+						testID="AddPeerInput"
+						onChangeText={setPeer}
+					/>
+					<Button
+						style={styles.button}
+						text={
+							peer
+								? 'Add Lightning Peer'
+								: 'Paste Lightning Peer From Clipboard'
+						}
+						testID="AddPeerButton"
+						onPress={onAddPeer}
 					/>
-				)}
 
-				{/* Action buttons */}
-				<View style={styles.buttonRow}>
+					<Caption13Up style={styles.sectionTitle} color="secondary">
+						Debug
+					</Caption13Up>
+					<Button
+						style={styles.button}
+						text="Get Node ID"
+						testID="CopyNodeId"
+						onPress={onNodeId}
+					/>
+					<Button
+						style={styles.button}
+						text="Refresh LDK"
+						loading={refreshingLdk}
+						testID="RefreshLDK"
+						onPress={onRefreshLdk}
+					/>
+					<Button
+						style={styles.button}
+						text="Restart LDK"
+						loading={restartingLdk}
+						testID="RestartLDK"
+						onPress={onRestartLdk}
+					/>
+					<Button
+						style={styles.button}
+						text="List Peers"
+						onPress={onListPeers}
+					/>
+					<Button
+						style={styles.button}
+						text="Disconnect Peers"
+						onPress={onDisconnectPeers}
+					/>
+					<Button
+						style={styles.button}
+						text="Remove Unused Peers"
+						onPress={onRemoveUnusedPeers}
+					/>
 					<Button
-						style={[styles.button, styles.buttonHalf]}
-						text="Set max dust"
-						disabled={!selectedType || !exposureValue}
-						onPress={(): void => {
-							const numValue = Number.parseInt(exposureValue, 10);
-							if (!Number.isNaN(numValue) && selectedType) {
-								dispatch(
-									updateSettings({
-										max_dust_htlc_exposure_type: selectedType,
-										max_dust_htlc_exposure: numValue,
-									}),
-								);
-							}
-						}}
+						style={styles.button}
+						text="Rebroadcast LDK Txs"
+						loading={rebroadcastingLdk}
+						testID="RebroadcastLDKTXS"
+						onPress={onRebroadcastLdkTxs}
 					/>
-					{(settings?.max_dust_htlc_exposure_type ||
-						settings?.max_dust_htlc_exposure) && (
+					<Button
+						style={styles.button}
+						text="Spend Stuck Outputs"
+						loading={spendingStuckOutputs}
+						onPress={onSpendStuckOutputs}
+					/>
+					<Button
+						style={styles.button}
+						text="Force Close Channels"
+						onPress={onForceCloseChannels}
+					/>
+					<Button
+						style={styles.button}
+						text="Spend outputs from force close"
+						loading={spendingStuckOutputs}
+						onPress={onSpendOutputsFromForceClose}
+					/>
+					<Button
+						style={styles.button}
+						text="Export Logs"
+						onPress={onExportLogs}
+					/>
+					<Button
+						style={styles.button}
+						text="Save Logs"
+						onPress={onSaveLogs}
+						testID="SaveLogs"
+					/>
+
+					{openChannels.length > 0 && (
+						<>
+							<Button
+								style={styles.button}
+								text="Create Invoice: 100 sats"
+								disabled={remoteBalance < 100}
+								onPress={() => onCreateInvoice(100)}
+							/>
+							<Button
+								style={styles.button}
+								text="Create Invoice: 5000 sats"
+								disabled={remoteBalance < 5000}
+								onPress={() => onCreateInvoice(5000)}
+							/>
+							<Button
+								style={styles.button}
+								text="Pay Invoice From Clipboard"
+								loading={payingInvoice}
+								disabled={localBalance <= 0}
+								onPress={onPayInvoiceFromClipboard}
+							/>
+						</>
+					)}
+
+					<Caption13Up style={styles.sectionTitle} color="secondary">
+						Max Dust HTLC Exposure
+					</Caption13Up>
+
+					{/* Radio buttons for type selection */}
+					<TouchableOpacity
+						style={styles.radioOption}
+						onPress={() =>
+							setSelectedType(
+								selectedType === 'fixed_limit' ? null : 'fixed_limit',
+							)
+						}>
+						<View
+							style={[
+								styles.radioButton,
+								selectedType === 'fixed_limit' && styles.radioButtonSelected,
+							]}
+						/>
+						<BodyM style={styles.radioLabel}>Fixed Limit (msats)</BodyM>
+					</TouchableOpacity>
+
+					<TouchableOpacity
+						style={styles.radioOption}
+						onPress={() =>
+							setSelectedType(
+								selectedType === 'fee_rate_multiplier'
+									? null
+									: 'fee_rate_multiplier',
+							)
+						}>
+						<View
+							style={[
+								styles.radioButton,
+								selectedType === 'fee_rate_multiplier' &&
+									styles.radioButtonSelected,
+							]}
+						/>
+						<BodyM style={styles.radioLabel}>Fee Rate Multiplier</BodyM>
+					</TouchableOpacity>
+
+					{/* Number input - only show when a type is selected */}
+					{selectedType && (
+						<TextInput
+							style={styles.textInput}
+							value={exposureValue}
+							onChangeText={setExposureValue}
+							placeholder={selectedType === 'fixed_limit' ? '1000' : '10'}
+							keyboardType="numeric"
+							autoCapitalize="none"
+							autoComplete="off"
+							autoCorrect={false}
+						/>
+					)}
+
+					{/* Action buttons */}
+					<View style={styles.buttonRow}>
 						<Button
 							style={[styles.button, styles.buttonHalf]}
-							text="Reset max dust"
+							text="Set max dust"
+							disabled={!selectedType || !exposureValue}
 							onPress={(): void => {
-								setSelectedType(null);
-								setExposureValue('1000');
-								dispatch(
-									updateSettings({
-										max_dust_htlc_exposure_type: undefined,
-										max_dust_htlc_exposure: undefined,
-									}),
-								);
+								const numValue = Number.parseInt(exposureValue, 10);
+								if (!Number.isNaN(numValue) && selectedType) {
+									dispatch(
+										updateSettings({
+											max_dust_htlc_exposure_type: selectedType,
+											max_dust_htlc_exposure: numValue,
+										}),
+									);
+								}
 							}}
 						/>
-					)}
-				</View>
-
-				<SafeAreaInset type="bottom" minPadding={16} />
-			</ScrollView>
+						{(settings?.max_dust_htlc_exposure_type ||
+							settings?.max_dust_htlc_exposure) && (
+							<Button
+								style={[styles.button, styles.buttonHalf]}
+								text="Reset max dust"
+								onPress={(): void => {
+									setSelectedType(null);
+									setExposureValue('1000');
+									dispatch(
+										updateSettings({
+											max_dust_htlc_exposure_type: undefined,
+											max_dust_htlc_exposure: undefined,
+										}),
+									);
+								}}
+							/>
+						)}
+					</View>
+
+					<SafeAreaInset type="bottom" minPadding={16} />
+				</ScrollView>
+			</KeyboardAvoidingView>
 		</ThemedView>
 	);
 };
@@ -548,6 +557,9 @@ const styles = StyleSheet.create({
 		flex: 1,
 	},
 	content: {
+		flex: 1,
+	},
+	scrollContent: {
 		flexGrow: 1,
 		paddingHorizontal: 16,
 	},