json_flit 0.0.1 → 0.0.3

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

@@ -0,0 +1,50 @@
+{
+  "type": "scaffold",
+  "args": {
+    "appBar": {
+      "type": "app_bar",
+      "args": {
+        "title": {
+          "type": "text",
+          "args": {
+            "text": "AnimatedAlign"
+          }
+        }
+      }
+    },
+    "body": {
+      "type": "set_value",
+      "args": {
+        "customAlign": "topLeft"
+      },
+      "child": {
+        "type": "animated_align",
+        "args": {
+          "alignment": "${customAlign}",
+          "duration": 1000
+        },
+        "child": {
+          "type": "container",
+          "args": {
+            "color": "#FF0000",
+            "height": 20,
+            "width": 20
+          }
+        }
+      }
+    },
+    "floatingActionButton": {
+      "type": "elevated_button",
+      "id": "press_me_button",
+      "args": {
+        "onPressed": "${set_value('customAlign', 'topCenter')}"
+      },
+      "child": {
+        "type": "text",
+        "args": {
+          "text": "Press Me!"
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,56 @@
+{
+  "type": "scaffold",
+  "args": {
+    "appBar": {
+      "type": "app_bar",
+      "args": {
+        "title": {
+          "type": "text",
+          "args": {
+            "text": "AnimatedContainer"
+          }
+        }
+      }
+    },
+    "body": {
+      "type": "set_value",
+      "args": {
+        "customAlign": "topLeft"
+      },
+      "child": {
+        "type": "center",
+        "child": {
+          "type": "animated_container",
+          "args": {
+            "alignment": "${customAlign}",
+            "color": "#0000FF",
+            "duration": 1000,
+            "height": 100,
+            "width": 100
+          },
+          "child": {
+            "type": "container",
+            "args": {
+              "color": "#FFF",
+              "height": 20,
+              "width": 20
+            }
+          }
+        }
+      }
+    },
+    "floatingActionButton": {
+      "type": "elevated_button",
+      "id": "press_me_button",
+      "args": {
+        "onPressed": "${set_value('customAlign', 'center')}"
+      },
+      "child": {
+        "type": "text",
+        "args": {
+          "text": "Press Me!"
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,63 @@
+{
+  "type": "scaffold",
+  "args": {
+    "appBar": {
+      "type": "app_bar",
+      "args": {
+        "title": {
+          "type": "text",
+          "args": {
+            "text": "AnimatedCrossFade"
+          }
+        }
+      }
+    },
+    "body": {
+      "type": "set_value",
+      "args": {
+        "customCrossFadeState": "showFirst"
+      },
+      "child": {
+        "type": "center",
+        "child": {
+          "type": "animated_cross_fade",
+          "args": {
+            "crossFadeState": "${customCrossFadeState}",
+            "duration": 1000
+          },
+          "children": [
+            {
+              "type": "container",
+              "args": {
+                "color": "#FF0000",
+                "height": 100,
+                "width": 100
+              }
+            },
+            {
+              "type": "container",
+              "args": {
+                "color": "#FFF000",
+                "height": 100,
+                "width": 100
+              }
+            }
+          ]
+        }
+      }
+    },
+    "floatingActionButton": {
+      "type": "elevated_button",
+      "id": "press_me_button",
+      "args": {
+        "onPressed": "${set_value('customCrossFadeState', 'showSecond')}"
+      },
+      "child": {
+        "type": "text",
+        "args": {
+          "text": "Press Me!"
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,53 @@
+{
+  "type": "scaffold",
+  "args": {
+    "appBar": {
+      "type": "app_bar",
+      "args": {
+        "title": {
+          "type": "text",
+          "args": {
+            "text": "AnimatedDefaultTextStyle"
+          }
+        }
+      }
+    },
+    "body": {
+      "type": "set_value",
+      "args": {
+        "customTextStyle": {
+          "color": "#FF0000"
+        }
+      },
+      "child": {
+        "type": "center",
+        "child": {
+          "type": "animated_default_text_style",
+          "args": {
+            "duration": 1500,
+            "style": "${customTextStyle}"
+          },
+          "child": {
+            "type": "text",
+            "args": {
+              "text": "Random text"
+            }
+          }
+        }
+      }
+    },
+    "floatingActionButton": {
+      "type": "elevated_button",
+      "id": "press_me_button",
+      "args": {
+        "onPressed": "${updateCustomTextStyle()}"
+      },
+      "child": {
+        "type": "text",
+        "args": {
+          "text": "Press Me!"
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,49 @@
+{
+  "type": "scaffold",
+  "args": {
+    "appBar": {
+      "type": "app_bar",
+      "args": {
+        "title": {
+          "type": "text",
+          "args": {
+            "text": "AnimatedOpacity"
+          }
+        }
+      }
+    },
+    "body": {
+      "type": "set_value",
+      "args": {
+        "customOpacity": 1
+      },
+      "child": {
+        "type": "animated_opacity",
+        "args": {
+          "curve": "${slow_middle_curve}",
+          "duration": 1000,
+          "opacity": "${customOpacity}"
+        },
+        "child": {
+          "type": "container",
+          "args": {
+            "color": "#FF0000"
+          }
+        }
+      }
+    },
+    "floatingActionButton": {
+      "type": "elevated_button",
+      "id": "press_me_button",
+      "args": {
+        "onPressed": "${set_value('customOpacity', 0)}"
+      },
+      "child": {
+        "type": "text",
+        "args": {
+          "text": "Press Me!"
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,50 @@
+{
+  "type": "scaffold",
+  "args": {
+    "appBar": {
+      "type": "app_bar",
+      "args": {
+        "title": {
+          "type": "text",
+          "args": {
+            "text": "AnimatedPadding"
+          }
+        }
+      }
+    },
+    "body": {
+      "type": "set_value",
+      "args": {
+        "customPadding": 1
+      },
+      "child": {
+        "type": "animated_padding",
+        "args": {
+          "duration": 1000,
+          "padding": "${customPadding}"
+        },
+        "child": {
+          "type": "container",
+          "args": {
+            "color": "#FF0000",
+            "height": 20,
+            "width": 20
+          }
+        }
+      }
+    },
+    "floatingActionButton": {
+      "type": "elevated_button",
+      "id": "press_me_button",
+      "args": {
+        "onPressed": "${set_value('customPadding', 100)}"
+      },
+      "child": {
+        "type": "text",
+        "args": {
+          "text": "Press Me!"
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,73 @@
+{
+  "type": "scaffold",
+  "args": {
+    "appBar": {
+      "type": "app_bar",
+      "args": {
+        "title": {
+          "type": "text",
+          "args": {
+            "text": "AnimatedPhysicalModel"
+          }
+        }
+      }
+    },
+    "backgroundColor": "#FFF",
+    "body": {
+      "type": "set_value",
+      "args": {
+        "customElevation": 0
+      },
+      "child": {
+        "type": "set_value",
+        "args": {
+          "customColor": "#FFF"
+        },
+        "child": {
+          "type": "set_value",
+          "args": {
+            "customBorderRadius": {
+              "type": "circular",
+              "radius": 10
+            }
+          },
+          "child": {
+            "type": "center",
+            "child": {
+              "type": "animated_physical_model",
+              "args": {
+                "animateColor": true,
+                "borderRadius": "${customBorderRadius}",
+                "color": "${customColor}",
+                "duration": 1000,
+                "elevation": "${customElevation}",
+                "shadowColor": "#000",
+                "shape": "rectangle"
+              },
+              "child": {
+                "type": "container",
+                "args": {
+                  "height": 100,
+                  "width": 100
+                }
+              }
+            }
+          }
+        }
+      }
+    },
+    "floatingActionButton": {
+      "type": "elevated_button",
+      "id": "press_me_button",
+      "args": {
+        "onPressed": "${set_value('customElevation', 25)}"
+      },
+      "child": {
+        "type": "text",
+        "args": {
+          "text": "Press Me!"
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,54 @@
+{
+  "type": "scaffold",
+  "args": {
+    "appBar": {
+      "type": "app_bar",
+      "args": {
+        "title": {
+          "type": "text",
+          "args": {
+            "text": "AnimatedPositioned"
+          }
+        }
+      }
+    },
+    "body": {
+      "type": "set_value",
+      "args": {
+        "customHeight": 40
+      },
+      "child": {
+        "type": "stack",
+        "children": [
+          {
+            "type": "animated_positioned",
+            "args": {
+              "duration": 1000,
+              "height": "${customHeight}"
+            },
+            "child": {
+              "type": "container",
+              "args": {
+                "color": "#FF0000",
+                "width": 100
+              }
+            }
+          }
+        ]
+      }
+    },
+    "floatingActionButton": {
+      "type": "elevated_button",
+      "id": "press_me_button",
+      "args": {
+        "onPressed": "${set_value('customHeight', 100)}"
+      },
+      "child": {
+        "type": "text",
+        "args": {
+          "text": "Press Me!"
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,60 @@
+{
+  "type": "scaffold",
+  "args": {
+    "appBar": {
+      "type": "app_bar",
+      "args": {
+        "title": {
+          "type": "text",
+          "args": {
+            "text": "AnimatedPositionedDirectional"
+          }
+        }
+      }
+    },
+    "body": {
+      "type": "set_value",
+      "args": {
+        "customWidth": 100
+      },
+      "child": {
+        "type": "stack",
+        "children": [
+          {
+            "type": "directionality",
+            "args": {
+              "textDirection": "rtl"
+            },
+            "child": {
+              "type": "animated_positioned_directional",
+              "args": {
+                "duration": 1000,
+                "start": 100,
+                "width": "${customWidth}"
+              },
+              "child": {
+                "type": "text",
+                "args": {
+                  "text": "Hi! This should be a very very long message with right to left text direction."
+                }
+              }
+            }
+          }
+        ]
+      }
+    },
+    "floatingActionButton": {
+      "type": "elevated_button",
+      "id": "press_me_button",
+      "args": {
+        "onPressed": "${set_value('customWidth', 200)}"
+      },
+      "child": {
+        "type": "text",
+        "args": {
+          "text": "Press Me!"
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,61 @@
+{
+  "type": "scaffold",
+  "args": {
+    "appBar": {
+      "type": "app_bar",
+      "args": {
+        "title": {
+          "type": "text",
+          "args": {
+            "text": "AnimatedSize"
+          }
+        }
+      }
+    },
+    "body": {
+      "type": "set_value",
+      "args": {
+        "customText": "This is a short text."
+      },
+      "child": {
+        "type": "center",
+        "child": {
+          "type": "container",
+          "args": {
+            "decoration": {
+              "border": {
+                "color": "#000"
+              }
+            }
+          },
+          "child": {
+            "type": "animated_size",
+            "args": {
+              "duration": 1000,
+              "reverseDuration": 3000
+            },
+            "child": {
+              "type": "text",
+              "args": {
+                "text": "${customText}"
+              }
+            }
+          }
+        }
+      }
+    },
+    "floatingActionButton": {
+      "type": "elevated_button",
+      "id": "press_me_button",
+      "args": {
+        "onPressed": "${set_value('customText', 'This is not a short text. This is a very very long text.')}"
+      },
+      "child": {
+        "type": "text",
+        "args": {
+          "text": "Press Me!"
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,62 @@
+{
+  "type": "scaffold",
+  "args": {
+    "appBar": {
+      "type": "app_bar",
+      "args": {
+        "title": {
+          "type": "text",
+          "args": {
+            "text": "AnimatedSwitcher"
+          }
+        }
+      }
+    },
+    "body": {
+      "type": "set_widget",
+      "args": {
+        "customFirstText": {
+          "type": "text",
+          "args": {
+            "text": "1",
+            "style": {
+              "fontSize": 64
+            }
+          }
+        },
+        "customSecondText": {
+          "type": "text",
+          "args": {
+            "text": "2",
+            "style": {
+              "fontSize": 64
+            }
+          }
+        }
+      },
+      "child": {
+        "type": "center",
+        "child": {
+          "type": "animated_switcher",
+          "args": {
+            "child": "${customFirstText}",
+            "duration": 1000
+          }
+        }
+      }
+    },
+    "floatingActionButton": {
+      "type": "elevated_button",
+      "id": "press_me_button",
+      "args": {
+        "onPressed": "${setWidgetByKey('customFirstText', 'customSecondText')}"
+      },
+      "child": {
+        "type": "text",
+        "args": {
+          "text": "Press Me!"
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,52 @@
+{
+  "type": "set_value",
+  "args": {
+    "customColor": "#FF0000"
+  },
+  "child": {
+    "type": "set_value",
+    "args": {
+      "customThemeData": {
+        "appBarTheme": {
+          "backgroundColor": "${customColor}"
+        }
+      }
+    },
+    "child": {
+      "type": "animated_theme",
+      "args": {
+        "data": "${customThemeData}",
+        "duration": 1000
+      },
+      "child": {
+        "type": "scaffold",
+        "args": {
+          "appBar": {
+            "type": "app_bar",
+            "args": {
+              "title": {
+                "type": "text",
+                "args": {
+                  "text": "AnimatedTheme"
+                }
+              }
+            }
+          },
+          "floatingActionButton": {
+            "type": "elevated_button",
+            "id": "press_me_button",
+            "args": {
+              "onPressed": "${set_value('customColor', '#0000FF')}"
+            },
+            "child": {
+              "type": "text",
+              "args": {
+                "text": "Press Me!"
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}