react-native-my-survey-sdk 2.1.8 → 2.1.9

package/package.json

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

package/src/components/XeboIntroView.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { View, Text, TouchableOpacity, StyleSheet } from 'react-native';
+import { View, Text, TouchableOpacity, StyleSheet, ScrollView } from 'react-native';
 import { XeboSurveyPage } from '../models/XeboModels';
 import { getTheme } from '../theme/XeboTheme';
 
@@ -13,11 +13,18 @@ export const XeboIntroView: React.FC<Props> = ({ introPage, onStart }) => {
 
   return (
     <View style={styles.container}>
-      {!!introPage.content && (
-        <Text style={[styles.content, { color: theme.textColor, fontFamily: theme.fontFamily }]}>
-          {introPage.content}
-        </Text>
-      )}
+      {/* Scrollable content area — button stays pinned below no matter how long the text */}
+      <ScrollView
+        style={styles.scroll}
+        contentContainerStyle={styles.scrollContent}
+        showsVerticalScrollIndicator={false}
+      >
+        {!!introPage.content && (
+          <Text style={[styles.content, { color: theme.textColor, fontFamily: theme.fontFamily }]}>
+            {introPage.content}
+          </Text>
+        )}
+      </ScrollView>
 
       <TouchableOpacity
         style={[styles.button, { backgroundColor: theme.primaryColor, borderRadius: theme.cornerRadius }]}
@@ -38,17 +45,22 @@ const styles = StyleSheet.create({
     paddingHorizontal: 20,
     paddingTop: 16,
     paddingBottom: 24,
-    justifyContent: 'space-between',
+  },
+  scroll: {
+    flex: 1,
+  },
+  scrollContent: {
+    flexGrow: 1,
+    paddingBottom: 8,
   },
   content: {
     fontSize: 16,
     lineHeight: 24,
-    flexShrink: 1,
   },
   button: {
     paddingVertical: 14,
     alignItems: 'center',
-    marginTop: 16,
+    marginTop: 12,
   },
   buttonText: {
     color: '#FFFFFF',

package/src/components/XeboSurveyModal.tsx

@@ -6,7 +6,6 @@ import {
   StyleSheet,
   Dimensions,
   Platform,
-  KeyboardAvoidingView,
 } from 'react-native';
 import RNModal from 'react-native-modal';
 import { XeboSurveyManager, XEBO_EVENTS } from '../core/XeboSurveyManager';
@@ -216,12 +215,9 @@ export const XeboSurveyModal: React.FC = () => {
       hideModalContentWhileAnimating={true}
       coverScreen={true}
       propagateSwipe={false}
+      avoidKeyboard={true}
       onModalHide={() => setSurvey(null)}
     >
-      <KeyboardAvoidingView
-        behavior={Platform.OS === 'ios' ? 'padding' : 'height'}
-        keyboardVerticalOffset={0}
-      >
         <View
           style={[
             styles.sheet,
@@ -251,7 +247,6 @@ export const XeboSurveyModal: React.FC = () => {
           {/* Safe area bottom padding — home indicator on iOS, gesture nav on Android */}
           <View style={{ height: bottomInset }} />
         </View>
-      </KeyboardAvoidingView>
     </RNModal>
   );
 };