react-native-my-survey-sdk 2.2.7 → 2.2.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -13,7 +13,8 @@ export const XeboIntroView: React.FC<Props> = ({ introPage, onStart }) => {
|
|
|
13
13
|
|
|
14
14
|
return (
|
|
15
15
|
<View style={styles.container}>
|
|
16
|
-
{/* Scrollable content
|
|
16
|
+
{/* Scrollable content — button is absolutely pinned at bottom so it's
|
|
17
|
+
always visible regardless of how the flex layout settles on first render */}
|
|
17
18
|
<ScrollView
|
|
18
19
|
style={styles.scroll}
|
|
19
20
|
contentContainerStyle={styles.scrollContent}
|
|
@@ -46,9 +47,12 @@ const styles = StyleSheet.create({
|
|
|
46
47
|
paddingTop: 16,
|
|
47
48
|
paddingBottom: 8,
|
|
48
49
|
},
|
|
50
|
+
// marginBottom leaves a fixed gap for the absolutely-positioned button below.
|
|
51
|
+
// 48 = button height (paddingVertical 14×2 + text ~20) + 12 gap = 60dp
|
|
49
52
|
scroll: {
|
|
50
53
|
flex: 1,
|
|
51
54
|
minHeight: 0,
|
|
55
|
+
marginBottom: 60,
|
|
52
56
|
},
|
|
53
57
|
scrollContent: {
|
|
54
58
|
paddingBottom: 8,
|
|
@@ -57,10 +61,15 @@ const styles = StyleSheet.create({
|
|
|
57
61
|
fontSize: 16,
|
|
58
62
|
lineHeight: 24,
|
|
59
63
|
},
|
|
64
|
+
// Absolute positioning ensures this button is ALWAYS visible at the bottom,
|
|
65
|
+
// immune to first-render flex layout measurement issues on Android.
|
|
60
66
|
button: {
|
|
67
|
+
position: 'absolute',
|
|
68
|
+
bottom: 0,
|
|
69
|
+
left: 0,
|
|
70
|
+
right: 0,
|
|
61
71
|
paddingVertical: 14,
|
|
62
72
|
alignItems: 'center',
|
|
63
|
-
marginTop: 12,
|
|
64
73
|
},
|
|
65
74
|
buttonText: {
|
|
66
75
|
color: '#FFFFFF',
|