debug

Author: tripolskypetr

demo/package-lock.json

@@ -10,7 +10,7 @@
     "react-native": "0.74.1",
     "react-native-svg": "15.2.0",
     "react-native-web": "~0.19.6",
-    "rn-declarative": "^0.0.38",
+    "rn-declarative": "^0.0.41",
     "rn-declarative-eva": "^0.0.37"
   },
   "devDependencies": {

demo/package.json

@@ -6,6 +6,7 @@ import { ScrollView } from 'react-native';
 const fields: TypedField[] = [
     {
         type: FieldType.Component,
+        noBaseline: true,
         style: {
             justifyContent: 'center',
             width: '100%',
@@ -672,148 +673,108 @@ const fields: TypedField[] = [
                 },
                 element: () => (
                     <Text category='h6'>
-                        FieldType.Checkbox
+                        FieldType.Radio
                     </Text>
                 ),
             },
             {
-                type: FieldType.Checkbox,
-                baseline: true,
-                style: {
-                    width: '100%',
-                },
-                name: 'checkbox1',
+                type: FieldType.Radio,
+                name: 'radio',
+                radioValue: '1',
+                title: 'Radio 1',
             },
             {
-                type: FieldType.Checkbox,
-                style: {
-                    width: '100%',
-                },
-                name: 'checkbox2',
+                type: FieldType.Radio,
+                name: 'radio',
+                radioValue: '2',
+                title: 'Radio 2',
             },
             {
-                type: FieldType.Checkbox,
-                style: {
-                    width: '100%',
-                },
-                name: 'checkbox2',
+                type: FieldType.Radio,
+                name: 'radio',
+                radioValue: '3',
+                title: 'Radio 3',
             },
         ],
     },
-    {
-        type: FieldType.Component,
-        style: {
-            justifyContent: 'center',
-            width: '100%',
-            height: 125,
-        },
-        element: () => (
-            <Text category='h4'>
-                Adaptive form
-            </Text>
-        ),
-    },
     {
         type: FieldType.Group,
-        style: {
+        phoneStyle: {
             width: '100%',
         },
+        tabletStyle: {
+            width: '50%',
+        },
+        desktopStyle: {
+            width: '25%',
+        },
         fields: [
             {
-                type: FieldType.Text,
-                phoneStyle: {
+                type: FieldType.Component,
+                style: {
                     width: '100%',
                 },
-                tabletStyle: {
-                    width: '50%',
-                },
-                desktopStyle: {
-                    width: '33%',
-                },
-                inputMultiline: true,
-                name: 'text',
-                title: 'Text',
-                description: 'Multi line',
+                element: () => (
+                    <Text category='h6'>
+                        FieldType.Switch
+                    </Text>
+                ),
             },
             {
-                type: FieldType.Text,
-                phoneStyle: {
-                    width: '100%',
-                },
-                tabletStyle: {
-                    width: '50%',
-                },
-                desktopStyle: {
-                    width: '33%',
-                },
-                name: 'text',
-                title: 'Text',
-                description: 'Single line',
+                type: FieldType.Switch,
+                name: 'switch',
             },
             {
-                type: FieldType.Text,
-                phoneStyle: {
-                    width: '100%',
-                },
-                tabletStyle: {
-                    width: '50%',
-                },
-                desktopStyle: {
-                    width: '33%',
-                },
-                name: 'text',
-                title: 'Text',
-                description: 'Single line',
+                type: FieldType.Switch,
+                name: 'switch',
             },
             {
-                type: FieldType.Text,
-                phoneStyle: {
-                    width: '100%',
-                },
-                tabletStyle: {
-                    width: '50%',
-                },
-                desktopStyle: {
-                    width: '33%',
-                },
-                name: 'text',
-                title: 'Text',
-                description: 'Single line',
+                type: FieldType.Switch,
+                name: 'switch',
             },
+        ],
+    },
+    {
+        type: FieldType.Group,
+        phoneStyle: {
+            width: '100%',
+        },
+        tabletStyle: {
+            width: '50%',
+        },
+        desktopStyle: {
+            width: '25%',
+        },
+        fields: [
             {
-                type: FieldType.Text,
-                phoneStyle: {
+                type: FieldType.Component,
+                style: {
                     width: '100%',
                 },
-                tabletStyle: {
-                    width: '50%',
-                },
-                desktopStyle: {
-                    width: '33%',
-                },
-                name: 'text',
-                title: 'Text',
-                description: 'Single line',
+                element: () => (
+                    <Text category='h6'>
+                        FieldType.Checkbox
+                    </Text>
+                ),
             },
             {
-                type: FieldType.Text,
-                phoneStyle: {
-                    width: '100%',
-                },
-                tabletStyle: {
-                    width: '50%',
-                },
-                desktopStyle: {
-                    width: '33%',
-                },
-                name: 'text',
-                title: 'Text',
-                description: 'Single line',
+                type: FieldType.Checkbox,
+                baseline: true,
+                name: 'checkbox1',
+            },
+            {
+                type: FieldType.Checkbox,
+                name: 'checkbox2',
+            },
+            {
+                type: FieldType.Checkbox,
+                name: 'checkbox2',
             },
         ],
     },
     {
         type: FieldType.Component,
+        noBaseline: true,
         style: {
             justifyContent: 'center',
             width: '100%',