@hitesh0009/react-native-basic-form 1.1.1 → 1.1.2

package/dist/Form.js

@@ -1,7 +1,7 @@
 import { FlatList, StyleSheet, Text, TextInput, TouchableOpacity, View, } from "react-native";
-export const Form = ({ data, gap_bwt_keyValue = 10, gap_bwt_keys = 12, lable_style, inputtext_style, button_container_style, buttontext_style, placeholderTextColor = "#999", multiline_input = false, textAlignVertical_input = "center", }) => {
+export const Form = ({ data, gap_bwt_keyValue = 10, gap_bwt_keys = 12, lable_style, inputtext_style, button_container_style, buttontext_style, placeholderTextColor = "#999", multiline_input = false, textAlignVertical_input = "center", scrollEnabled = true, showsHorizontalScrollIndicator = true }) => {
     return (<View>
-      <FlatList data={data} keyExtractor={(item) => item.id} ItemSeparatorComponent={() => <View style={{ height: gap_bwt_keys }}/>} renderItem={({ item }) => (<View style={{ gap: gap_bwt_keyValue }}>
+      <FlatList scrollEnabled={scrollEnabled} showsHorizontalScrollIndicator={showsHorizontalScrollIndicator} data={data} keyExtractor={(item) => item.id} ItemSeparatorComponent={() => <View style={{ height: gap_bwt_keys }}/>} renderItem={({ item }) => (<View style={{ gap: gap_bwt_keyValue }}>
             {item.label && (<Text style={[styles.lable, lable_style]}>{item.label}</Text>)}
 
             {item.input && (<TextInput style={[styles.inputtext, inputtext_style]} placeholder={item.input.placeholder} placeholderTextColor={placeholderTextColor} multiline={multiline_input} textAlignVertical={textAlignVertical_input} value={item.input.value} onChangeText={item.input.onChangeText}/>)}

package/dist/types.d.ts

@@ -1,4 +1,4 @@
-import type { TextStyle, ViewStyle } from 'react-native';
+import type { TextStyle, ViewStyle } from "react-native";
 export type FormInput = {
     placeholder?: string;
     value: string;
@@ -23,6 +23,8 @@ export type FormProps = {
     button_container_style?: ViewStyle;
     buttontext_style?: TextStyle;
     placeholderTextColor?: string;
+    scrollEnabled?: boolean;
+    showsHorizontalScrollIndicator?: boolean;
     multiline_input?: boolean;
     textAlignVertical_input?: "top" | "center" | "bottom" | "auto" | undefined;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hitesh0009/react-native-basic-form",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "description": "A lightweight, data-driven form renderer for React Native with fully controlled inputs and flexible styling.",
   "keywords": [
     "react-native",

package/src/Form.tsx

@@ -19,10 +19,15 @@ export const Form: React.FC<FormProps> = ({
   placeholderTextColor = "#999",
   multiline_input = false,
   textAlignVertical_input = "center",
+  scrollEnabled= true,
+  showsHorizontalScrollIndicator= true
+  
 }) => {
   return (
     <View>
       <FlatList<FormItem>
+        scrollEnabled={scrollEnabled}
+        showsHorizontalScrollIndicator={showsHorizontalScrollIndicator}
         data={data}
         keyExtractor={(item) => item.id}
         ItemSeparatorComponent={() => <View style={{ height: gap_bwt_keys }} />}

package/src/types.ts

@@ -1,4 +1,4 @@
-import type { TextStyle, ViewStyle,  } from 'react-native';
+import type { TextStyle, ViewStyle } from "react-native";
 
 export type FormInput = {
   placeholder?: string;
@@ -31,6 +31,9 @@ export type FormProps = {
 
   placeholderTextColor?: string;
 
+  scrollEnabled?: boolean;
+  showsHorizontalScrollIndicator?: boolean;
+  
   multiline_input?: boolean;
   textAlignVertical_input?: "top" | "center" | "bottom" | "auto" | undefined;
 };