json_flit 0.0.2 → 0.0.4

data/demo/app/assets/pages/baseline.json

@@ -0,0 +1,81 @@
+{
+  "type": "scaffold",
+  "args": {
+    "appBar": {
+      "type": "app_bar",
+      "args": {
+        "title": {
+          "type": "text",
+          "args": {
+            "text": "Baseline"
+          }
+        }
+      }
+    },
+    "body": {
+      "type": "center",
+      "child": {
+        "type": "container",
+        "args": {
+          "alignment": "center"
+        },
+        "child": {
+          "type": "column",
+          "args": {
+            "mainAxisSize": "min"
+          },
+          "children": [{
+            "type": "container",
+            "args": {
+              "color": "#000",
+              "padding": [16, 0]
+            },
+            "child": {
+              "type": "baseline",
+              "args": {
+                "baseline": 20,
+                "baselineType": "alphabetic"
+              },
+              "child": {
+                "type": "text",
+                "args": {
+                  "style": {
+                    "color": "#fff"
+                  },
+                  "text": "alphabetic\nThe quick brown fox jumps over the lazy dog"
+                }
+              }
+            }
+          }, {
+            "type": "sized_box",
+            "args": {
+              "height": 16
+            }
+          }, {
+            "type": "container",
+            "args": {
+              "color": "#000",
+              "padding": [16, 0]
+            },
+            "child": {
+              "type": "baseline",
+              "args": {
+                "baseline": 20,
+                "baselineType": "ideographic"
+              },
+              "child": {
+                "type": "text",
+                "args": {
+                  "style": {
+                    "color": "#fff"
+                  },
+                  "text": "ideographic\nThe quick brown fox jumps over the lazy dog"
+                }
+              }
+            }
+          }]
+        }
+      }
+    }
+  }
+}

data/demo/app/assets/pages/buttons.json

@@ -0,0 +1,139 @@
+{
+  "type": "scaffold",
+  "args": {
+    "appBar": {
+      "type": "app_bar",
+      "args": {
+        "title": {
+          "type": "text",
+          "args": {
+            "text": "Buttons"
+          }
+        }
+      }
+    },
+    "body": {
+      "type": "column",
+      "children": [
+        {
+          "type": "expanded",
+          "child": {
+            "type": "center",
+            "child": {
+              "type": "elevated_button",
+              "args": {
+                "onLongPress": "${simplePrintMessage()}",
+                "style": {
+                  "foregroundColor": {
+                    "pressed": "FF2196F3",
+                    "focused": "FF2196F3",
+                    "empty": "FFF44336"
+                  }
+                }
+              },
+              "child": {
+                "type": "text",
+                "args": {
+                  "text": "ElevatedButton"
+                }
+              }
+            }
+          }
+        },
+        {
+          "type": "expanded",
+          "child": {
+            "type": "center",
+            "child": {
+              "type": "text_button",
+              "args": {
+                "onLongPress": "${simplePrintMessage()}",
+                "style": {
+                  "foregroundColor": {
+                    "pressed": "FF2196F3",
+                    "focused": "FF2196F3",
+                    "empty": "FFF44336"
+                  }
+                }
+              },
+              "child": {
+                "type": "text",
+                "args": {
+                  "text": "TextButton"
+                }
+              }
+            }
+          }
+        },
+        {
+          "type": "expanded",
+          "child": {
+            "type": "center",
+            "child": {
+              "type": "outlined_button",
+              "args": {
+                "onLongPress": "${simplePrintMessage()}",
+                "style": {
+                  "foregroundColor": {
+                    "pressed": "FF2196F3",
+                    "focused": "FF2196F3",
+                    "empty": "FFF44336"
+                  }
+                }
+              },
+              "child": {
+                "type": "text",
+                "args": {
+                  "text": "OutlinedButton"
+                }
+              }
+            }
+          }
+        },
+        {
+          "type": "expanded",
+          "child": {
+            "type": "center",
+            "child": {
+              "type": "icon_button",
+              "args": {
+                "icon": {
+                  "type": "icon",
+                  "args": {
+                    "icon": {
+                      "codePoint": 58712,
+                      "fontFamily": "MaterialIcons"
+                    }
+                  }
+                },
+                "onPressed": "${simplePrintMessage()}"
+              },
+              "child": {
+                "type": "text",
+                "args": {
+                  "text": "OutlinedButton"
+                }
+              }
+            }
+          }
+        }
+      ]
+    },
+    "floatingActionButton": {
+      "type": "floating_action_button",
+      "args": {
+        "onPressed": "${simplePrintMessage()}"
+      },
+      "child": {
+        "type": "icon",
+        "args": {
+          "icon": {
+            "codePoint": 57369,
+            "fontFamily": "MaterialIcons"
+          },
+          "size": 50
+        }
+      }
+    }
+  }
+}

data/demo/app/assets/pages/card.json

@@ -0,0 +1,121 @@
+{
+  "_designCredit": "https://www.woolha.com/tutorials/flutter-card-widget-example",
+  "type": "theme",
+  "args": {
+    "data": {
+      "primaryColor": "#2c3ea4"
+    }
+  },
+  "child": {
+    "type": "scaffold",
+    "args": {
+      "appBar": {
+        "type": "app_bar",
+        "args": {
+          "title": {
+            "type": "text",
+            "args": {
+              "text": "Card"
+            }
+          }
+        }
+      },
+      "body": {
+        "type": "center",
+        "child": {
+          "type": "container",
+          "args": {
+            "width": "240"
+          },
+          "child": {
+            "type": "card",
+            "args": {
+              "color": "#E91E63",
+              "elevation": 10,
+              "shape": {
+                "type": "rounded",
+                "borderRadius": 15
+              }
+            },
+            "child": {
+              "type": "column",
+              "args": {
+                "mainAxisSize": "min"
+              },
+              "children": [
+                {
+                  "type": "list_tile",
+                  "args": {
+                    "leading": {
+                      "type": "icon",
+                      "args": {
+                        "icon": {
+                          "codePoint": 57369,
+                          "fontFamily": "MaterialIcons"
+                        },
+                        "size": 70
+                      }
+                    },
+                    "title": {
+                      "type": "text",
+                      "args": {
+                        "text": "Heart Shaker",
+                        "style": {
+                          "color": "#fff"
+                        }
+                      }
+                    },
+                    "subtitle": {
+                      "type": "text",
+                      "args": {
+                        "text": "TWICE",
+                        "style": {
+                          "color": "#fff"
+                        }
+                      }
+                    }
+                  }
+                },
+                {
+                  "type": "button_bar",
+                  "children": [
+                    {
+                      "type": "elevated_button",
+                      "args": {
+                        "onPressed": "${noop()}"
+                      },
+                      "child": {
+                        "type": "text",
+                        "args": {
+                          "text": "Edit",
+                          "style": {
+                            "color": "#fff"
+                          }
+                        }
+                      }
+                    },
+                    {
+                      "type": "elevated_button",
+                      "args": {
+                        "onPressed": "${noop()}"
+                      },
+                      "child": {
+                        "type": "text",
+                        "args": {
+                          "text": "Delete",
+                          "style": {
+                            "color": "#fff"
+                          }
+                        }
+                      }
+                    }
+                  ]
+                }
+              ]
+            }
+          }
+        }
+      }
+    }
+  }
+}

data/demo/app/assets/pages/center.json

@@ -0,0 +1,25 @@
+{
+  "type": "scaffold",
+  "args": {
+    "appBar": {
+      "type": "app_bar",
+      "args": {
+        "title": {
+          "type": "text",
+          "args": {
+            "text": "Center"
+          }
+        }
+      }
+    },
+    "body": {
+      "type": "center",
+      "child": {
+        "type": "circular_progress_indicator",
+        "args": {
+          "valueColor": "#f00"
+        }
+      }
+    }
+  }
+}

data/demo/app/assets/pages/checkbox.json

@@ -0,0 +1,77 @@
+{
+  "type": "scaffold",
+  "args": {
+    "appBar": {
+      "type": "app_bar",
+      "args": {
+        "title": {
+          "type": "text",
+          "args": {
+            "text": "Checkbox"
+          }
+        }
+      }
+    },
+    "body": {
+      "type": "center",
+      "child": {
+        "type": "column",
+        "args": {
+          "mainAxisSize": "min"
+        },
+        "children": [{
+          "type": "row",
+          "args": {
+            "mainAxisSize": "min"
+          },
+          "children": [{
+            "type": "checkbox",
+            "args": {
+              "label": "Checked",
+              "value": true
+            }
+          }, {
+            "type": "text",
+            "args": {
+              "text": "Checked"
+            }
+          }]
+        }, {
+          "type": "row",
+          "args": {
+            "mainAxisSize": "min"
+          },
+          "children": [{
+            "type": "checkbox",
+            "args": {
+              "label": "Not Checked",
+              "value": false
+            }
+          }, {
+            "type": "text",
+            "args": {
+              "text": "Not Checked"
+            }
+          }]
+        }, {
+          "type": "row",
+          "args": {
+            "mainAxisSize": "min"
+          },
+          "children": [{
+            "type": "checkbox",
+            "args": {
+              "enabled": false,
+              "label": "Disabled"
+            }
+          }, {
+            "type": "text",
+            "args": {
+              "text": "Disabled"
+            }
+          }]
+        }]
+      }
+    }
+  }
+}

data/demo/app/assets/pages/circular_progress_indicator.json

@@ -0,0 +1,45 @@
+{
+  "type": "scaffold",
+  "args": {
+    "appBar": {
+      "type": "app_bar",
+      "args": {
+        "title": {
+          "type": "text",
+          "args": {
+            "text": "CircularProgressIndicator"
+          }
+        }
+      }
+    },
+    "body": {
+      "type": "center",
+      "child": {
+        "type": "column",
+        "args": {
+          "mainAxisSize": "min"
+        },
+        "children": [{
+            "type": "circular_progress_indicator",
+            "args": {
+              "value": "0.25",
+              "valueColor": "#00f"
+            }
+          },
+          {
+            "type": "sized_box",
+            "args": {
+              "height": 16
+            }
+          },
+          {
+            "type": "circular_progress_indicator",
+            "args": {
+              "valueColor": "#0ff"
+            }
+          }
+        ]
+      }
+    }
+  }
+}

data/demo/app/assets/pages/clips.json

@@ -0,0 +1,156 @@
+{
+  "type": "scaffold",
+  "args": {
+    "appBar": {
+      "type": "app_bar",
+      "args": {
+        "title": {
+          "type": "text",
+          "args": {
+            "text": "Clips"
+          }
+        }
+      }
+    },
+    "body": {
+      "type": "list_view",
+      "children": [
+        {
+          "type": "list_tile",
+          "args": {
+            "title": {
+              "type": "center",
+              "child": {
+                "type": "text",
+                "args": {
+                  "text": "ClipRect"
+                }
+              }
+            }
+          }
+        },
+        {
+          "type": "center",
+          "id": "clip_rect",
+          "child": {
+            "type": "clip_rect",
+            "child": {
+              "type": "container",
+              "child": {
+                "type": "align",
+                "args": {
+                  "alignment": "topLeft",
+                  "heightFactor": 0.75,
+                  "widthFactor": 0.75
+                },
+                "child": {
+                  "type": "network_image",
+                  "args": {
+                    "src": "https://i.ibb.co/1vXpqVs/flutter-logo.jpg"
+                  }
+                }
+              }
+            }
+          }
+        },
+        {
+          "type": "list_tile",
+          "id": "clip_rrect",
+          "args": {
+            "title": {
+              "type": "center",
+              "child": {
+                "type": "text",
+                "args": {
+                  "text": "ClipRRect"
+                }
+              }
+            }
+          }
+        },
+        {
+          "type": "center",
+          "child": {
+            "type": "clip_rrect",
+            "args": {
+              "borderRadius": 16.0
+            },
+            "child": {
+              "type": "container",
+              "args": {
+                "color": "#ff0000",
+                "height": 100.0,
+                "width": 100.0
+              }
+            }
+          }
+        },
+        {
+          "type": "list_tile",
+          "id": "clip_oval",
+          "args": {
+            "title": {
+              "type": "center",
+              "child": {
+                "type": "text",
+                "args": {
+                  "text": "ClipOval"
+                }
+              }
+            }
+          }
+        },
+        {
+          "type": "center",
+          "child": {
+            "type": "clip_oval",
+            "child": {
+              "type": "network_image",
+              "args": {
+                "src": "https://i.ibb.co/1vXpqVs/flutter-logo.jpg"
+              }
+            }
+          }
+        },
+        {
+          "type": "list_tile",
+          "id": "clip_path",
+          "args": {
+            "title": {
+              "type": "center",
+              "child": {
+                "type": "text",
+                "args": {
+                  "text": "ClipPath"
+                }
+              }
+            }
+          }
+        },
+        {
+          "type": "center",
+          "child": {
+            "type": "clip_path",
+            "args": {
+              "clipper": "${clipper}"
+            },
+            "child": {
+              "type": "container",
+              "args": {
+                "color": "#ff0000",
+                "height": 100.0,
+                "width": 100.0
+              }
+            }
+          }
+        },
+        {
+          "type": "sized_box",
+          "args": {
+            "height": 20.0
+          }
+        }
+      ]
+    }
+  }
+}