@umituz/react-native-onboarding 2.6.11 → 2.7.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-onboarding",
-  "version": "2.6.11",
+  "version": "2.7.1",
   "description": "Advanced onboarding flow for React Native apps with personalization questions, theme-aware colors, animations, and customizable slides. SOLID, DRY, KISS principles applied.",
   "main": "./src/index.ts",
   "types": "./src/index.ts",

package/src/presentation/components/OnboardingHeader.tsx

@@ -6,6 +6,7 @@
 
 import React, { useMemo } from "react";
 import { View, TouchableOpacity, Text, StyleSheet } from "react-native";
+import { ArrowLeft } from "lucide-react-native";
 import { useLocalization } from "@umituz/react-native-localization";
 import { useAppDesignTokens } from "@umituz/react-native-design-system-theme";
 
@@ -34,24 +35,34 @@ export const OnboardingHeader: React.FC<OnboardingHeaderProps> = ({
 
   const skipText = skipButtonText || t("onboarding.skip", "Skip");
 
+  const handleBackPress = () => {
+    if (!isFirstSlide) {
+      onBack();
+    }
+  };
+
   return (
     <View style={styles.header}>
       {showBackButton ? (
         <TouchableOpacity
-          onPress={onBack}
+          onPress={handleBackPress}
           disabled={isFirstSlide}
           style={[
             styles.headerButton,
             isFirstSlide && styles.headerButtonDisabled,
           ]}
+          activeOpacity={0.7}
         >
-          <Text style={styles.headerButtonText}>←</Text>
+          <ArrowLeft
+            size={20}
+            color={useGradient ? "#FFFFFF" : tokens.colors.textPrimary}
+          />
         </TouchableOpacity>
       ) : (
         <View style={styles.headerButton} />
       )}
       {showSkipButton && (
-        <TouchableOpacity onPress={onSkip}>
+        <TouchableOpacity onPress={onSkip} activeOpacity={0.7}>
           <Text style={styles.skipText}>{skipText}</Text>
         </TouchableOpacity>
       )}
@@ -89,11 +100,6 @@ const getStyles = (
     headerButtonDisabled: {
       opacity: 0.3,
     },
-    headerButtonText: {
-      color: useGradient ? "#FFFFFF" : tokens.colors.textPrimary,
-      fontSize: 20,
-      fontWeight: "bold",
-    },
     skipText: {
       color: useGradient ? "#FFFFFF" : tokens.colors.textPrimary,
       fontSize: 16,

package/src/presentation/components/QuestionRenderer.tsx

@@ -62,7 +62,6 @@ export const QuestionRenderer: React.FC<QuestionRendererProps> = ({
       );
     case "slider":
       if (!SliderComponent) {
-        // Show helpful error message if SliderComponent is not provided
         return (
           <View style={{ padding: 20, alignItems: "center" }}>
             <Text style={{ color: "#FFFFFF", textAlign: "center" }}>
@@ -70,7 +69,7 @@ export const QuestionRenderer: React.FC<QuestionRendererProps> = ({
               to OnboardingScreen.
             </Text>
             <Text style={{ color: "#FFFFFF", textAlign: "center", marginTop: 8, fontSize: 12 }}>
-              Example: SliderComponent={Slider} where Slider is imported from
+              Example: SliderComponent={"Slider"} where {"Slider"} is imported from
               "@react-native-community/slider"
             </Text>
           </View>

package/src/presentation/components/QuestionSlideHeader.tsx

@@ -84,3 +84,7 @@ const getStyles = (
     },
   });
 
+
+
+
+