{ "version": 1, "type": "dy_scaffold", "data": { "key": "123456", "appBar": { "pageTitle": "Flutter TabView Screen" }, "scrollable": true, "padding": "0", "children": [ { "type": "dy_tab_view", "data": { "key": "13168313", "selectedTabIndex": 0, "indicatorColor": "0xffff0000", "labelColor": "0xff00FF00", "tabs": [ { "title": "First", "child": { "type": "dy_container", "data": { "key": "11331", "backgroundColor": "0xff00FF00", "height": -1, "child": { "type": "dy_container", "data": { "key": "234234234", "height": -1, "width": -1, "child": { "type": "dy_list", "data": { "key": "123123", "listItems": [ { "type": "dy_text", "data": { "key": "123123", "text": "This is a text", "style": { "fontSize": 20, "fontWeight": "bold" } } }, { "type": "dy_text", "data": { "key": "1231323", "text": "

HTML Text

", "isHtmlText": true } }, { "type": "dy_container", "data": { "key": "123123", "child": { "type": "dy_card", "data": { "key": "12399123", "color": "0xffff0000", "margin": "10", "elevation": 10, "linearGradient": "-1.0,0.0;1.0,0.0;0xff6D59D4,0xff879CFB", "borderRadius": 20, "child": { "type": "dy_text", "data": { "key": "34324", "text": "Card", "height": 100, "width": 200, "textAlign": "center", "style": { "color": "0xffffffff", "fontSize": 25, "fontWeight": "bold" } } } } } } }, { "type": "dy_container", "data": { "key": "123123", "child": { "type": "dy_image", "data": { "key": "212226323233", "src": "https://freeiconshop.com/wp-content/uploads/edd/image-outline-filled.png", "height": 250, "width": 250, "imageType": "network", "fit": "fill", "placeholderImagePath": "assets/images/icon_placeholder.png" } } } }, { "type": "dy_column", "data": { "key": "12313", "children": [ { "type": "dy_container", "data": { "key": "34234", "width": 200, "child": { "type": "dy_text_field", "data": { "key": "1314234", "initialText": "", "textFieldDecoration": { "textAlign": "start", "obscureText": true, "maxLines": 1, "decoration": { "hintText": "enter text value", "suffixIcon": { "type": "dy_image", "data": { "key": "212226323233", "src": "assets/images/ic_eyes_closed.png", "imageType": "asset", "fit": "contain", "height": 1, "width": 1, "placeholderImagePath": "assets/images/icon_placeholder.png" } } } } } } } }, { "type": "dy_sized_box", "data": { "key": "13134", "height": 10 } }, { "type": "dy_button", "data": { "key": "223775672355", "buttonColor": "0xff90EE90", "buttonBorderRadius": 10, "padding": "10", "child": { "type": "dy_text", "data": { "key": "23242342", "text": "click to submit input value", "style": { "color": "0xffffffff", "fontWeight": "bold", "fontSize": 20 } } }, "action": { "actionString": "/form" } } }, { "type": "dy_text", "data": { "key": "13424", "text": "Check console after clicking button", "style": { "color": "0xff000000", "fontWeight": "bold", "fontSize": 20 } } }, { "type": "dy_sized_box", "data": { "key": "13134", "height": 10 } } ] } }, { "type": "dy_container", "data": { "key": "123123", "margin": "10", "child": { "type": "dy_row", "data": { "key": "131434", "mainAxisAlignment": "spaceBetween", "children": [ { "type": "dy_text", "data": { "key": "123123", "text": "This is a text in a row", "style": { "fontSize": 10, "fontWeight": "bold" } } }, { "type": "dy_image", "data": { "key": "212226323233", "src": "https://freeiconshop.com/wp-content/uploads/edd/image-outline-filled.png", "height": 150, "width": 150, "imageType": "network", "fit": "fill", "placeholderImagePath": "assets/images/icon_placeholder.png" } } ] } } } } ] } } } } } } }, { "title": "Second", "child": { "type": "dy_container", "data": { "key": "223236423", "backgroundColor": "0xff90EE90", "height": -1, "child": { "type": "dy_column", "data": { "key": "2234656231", "mainAxisAlignment": "spaceBetween", "children": [ { "type": "dy_text", "data": { "key": "222623233", "text": "your" } }, { "type": "dy_text", "data": { "key": "226768673234", "text": "first" } }, { "type": "dy_text", "data": { "key": "22376567235", "text": "screen" } }, { "type": "dy_container", "data": { "key": "222263233646", "backgroundColor": "0xff90EE90", "margin": 5, "height": 100, "child": { "type": "dy_button", "data": { "key": "223775672355", "child": { "type": "dy_text", "data": { "key": "buttonTextKey", "text": "go to second screen" } }, "action": { "actionString": "/moveToScreen", "extras": { "url": "assets/json/sample1.json", "urlType": "local", "navigationType": "dialog", "navigationStyle": "push" } } } } } }, { "type": "dy_container", "data": { "key": "1233573343", "backgroundColor": "0xffff0000", "padding": 10, "height": 100, "child": { "type": "dy_row", "data": { "key": "2457231", "mainAxisAlignment": "spaceBetween", "children": [ { "type": "dy_text", "data": { "key": "2232734233", "text": "row" } }, { "type": "dy_text", "data": { "key": "223667757234", "text": "using" } }, { "type": "dy_text", "data": { "key": "22377979235", "text": "json" } } ] } } } } ] } } } } }, { "title": "third", "child": { "type": "dy_container", "data": { "key": "113312", "backgroundColor": "0xff00FF01", "height": -1, "child": { "type": "dy_container", "data": { "key": "123123", "alignment": "topCenter", "child": { "type": "dy_card", "data": { "key": "12399123", "color": "0xffff0000", "margin": "10", "elevation": 10, "linearGradient": "-1.0,0.0;1.0,0.0;0xff6D59D4,0xff879CFB", "borderRadius": 20, "child": { "type": "dy_text", "data": { "key": "34324", "text": "Card", "height": 100, "width": 200, "textAlign": "center", "style": { "color": "0xffffffff", "fontSize": 25, "fontWeight": "bold" } } } } } } } } } }, { "title": "fourth", "child": { "type": "dy_container", "data": { "key": "1133313", "backgroundColor": "0xff00Fd02" } } }, { "title": "fifth", "child": { "type": "dy_container", "data": { "key": "11333513", "backgroundColor": "0xff00Fd02" } } }, { "title": "sixth", "child": { "type": "dy_container", "data": { "key": "1143313", "backgroundColor": "0xff00Fd02" } } } ] } } ] } }