@hitesh0009/react-native-basic-form 1.3.1 → 1.3.2

package/README.md

@@ -350,5 +350,3 @@ Please keep PRs:
 
 MIT
 
-```
-

package/basic_usage/example.js

@@ -3,27 +3,58 @@ import { View } from "react-native";
 import { Form } from "react-native-basic-form";
 
 export default function App() {
+  // 👉 Form state is owned by YOU, not by the Form component
+  // The library is stateless by design
   const [name, setName] = useState("");
 
-  return (
-    <View style={{ padding: 16 }}>
-      <Form
-        data={[
-          {
-            id: "name",
-            label: "Name",
-            input: {
-              placeholder: "Enter your name",
-              value: name,
-              onChangeText: ()=>{},
-            },
-            button: {
-              lable: "name",
-              onPress: () => {},
+  // 👉 Schema controls the entire form UI
+  // Changing this JSON changes the form
+  const formSchema = [
+    {
+      // Layout block: controls how children are arranged
+      layout: "column",
+      spacing: 16, // space between fields
+
+      // Children = actual form fields
+      children: [
+        {
+          // Input field
+          type: "input",
+          label: "Name",
+
+          // All TextInput behavior goes inside inputProps
+          inputProps: {
+            placeholder: "Enter your name",
+            value: name,          // controlled value
+            onChangeText: setName // update state
+          },
+        },
+
+        {
+          // Button field
+          type: "button",
+          label: "Submit",
+
+          // Button behavior goes inside buttonProps
+          buttonProps: {
+            buttonText: "Submit",
+            onPress: () => {
+              // Access state directly
+              console.log("Name:", name);
             },
           },
-        ]}
-      />
+        },
+      ],
+    },
+  ];
+
+  return (
+    <View style={{ padding: 16 }}>
+      {/* 
+        👉 Form only renders what the schema describes
+        👉 No internal state, no validation, no logic
+      */}
+      <Form schema={formSchema} />
     </View>
   );
 }

package/package.json

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