react-native-my-survey-sdk 2.2.8 → 2.2.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-my-survey-sdk",
-  "version": "2.2.8",
+  "version": "2.2.9",
   "description": "Xebo survey collection SDK for React Native",
   "main": "src/index.ts",
   "types": "src/index.ts",

package/src/components/XeboIntroView.tsx

@@ -12,9 +12,9 @@ export const XeboIntroView: React.FC<Props> = ({ introPage, onStart }) => {
   const theme = getTheme();
 
   return (
-    <View style={styles.container}>
-      {/* Scrollable content — button is absolutely pinned at bottom so it's
-          always visible regardless of how the flex layout settles on first render */}
+    // Same pattern as NPS/Rating: outer flex view, scroll takes remaining space,
+    // button sits OUTSIDE scroll in normal flow — no absolute positioning needed.
+    <View style={styles.outer}>
       <ScrollView
         style={styles.scroll}
         contentContainerStyle={styles.scrollContent}
@@ -41,18 +41,15 @@ export const XeboIntroView: React.FC<Props> = ({ introPage, onStart }) => {
 };
 
 const styles = StyleSheet.create({
-  container: {
+  outer: {
     flex: 1,
     paddingHorizontal: 20,
     paddingTop: 16,
-    paddingBottom: 8,
+    paddingBottom: 16,
   },
-  // marginBottom leaves a fixed gap for the absolutely-positioned button below.
-  // 48 = button height (paddingVertical 14×2 + text ~20) + 12 gap = 60dp
   scroll: {
     flex: 1,
     minHeight: 0,
-    marginBottom: 60,
   },
   scrollContent: {
     paddingBottom: 8,
@@ -61,15 +58,10 @@ const styles = StyleSheet.create({
     fontSize: 16,
     lineHeight: 24,
   },
-  // Absolute positioning ensures this button is ALWAYS visible at the bottom,
-  // immune to first-render flex layout measurement issues on Android.
   button: {
-    position: 'absolute',
-    bottom: 0,
-    left: 0,
-    right: 0,
     paddingVertical: 14,
     alignItems: 'center',
+    marginTop: 12,
   },
   buttonText: {
     color: '#FFFFFF',