inc. version

Author: waseemdev

docs/customization.md

@@ -361,3 +361,13 @@ Some widgets have parameters without names (e.g. Text, Icon), you can add a name
   }
 }
 ```
+
+
+## 5. Form controls that have controllers
+*****
+If you use :formControl on a TextField-like, you should add it to "controlsWithTextEditingControllers" option, otherwise will use `onChanged` event and `value` property instead.
+```json
+{
+  "controlsWithTextEditingControllers": ["CupertinoTextField"]
+}
+```

package-lock.json

@@ -3,7 +3,7 @@
   "displayName": "XML Layout for Flutter",
   "description": "XML Layout for Flutter. Brings Angular's style to Flutter!",
   "publisher": "WaseemDev",
-  "version": "0.0.31",
+  "version": "0.0.32",
   "icon": "images/logo.png",
   "repository": {
     "type": "github",

package.json

@@ -24,7 +24,8 @@ export class WidgetCodeGenerator {
         let props: string[] = [];
         const tabs = makeTabs(tabsLevel);
 
-        const properties = widget.properties.sort(sortProperties).filter(a => !a.skipGeneratingCode);
+        const constProp = widget.properties.find(a => a.name === 'const');
+        const properties = widget.properties.sort(sortProperties).filter(a => !a.skipGeneratingCode && a.name !== 'const');
 
         for (const prop of properties) {
             let propCode = this.generatePropertyCode(widget, prop, tabsLevel + (widget.isPropertyElement ? 0: 1));
@@ -39,9 +40,11 @@ export class WidgetCodeGenerator {
             code = widget.comments.map(a => a.trim()).filter(a => !!a).join('\n' + tabs) + '\n';
         }
 
+        const constCode = constProp && (constProp.value === '' || constProp.value === 'true') ? 'const ' : '';
         const propsCode = props.filter(a => a.trim()).join(',\n');
+        
         if (!widget.isPropertyElement && widget.type) {
-            code += `${widget.type}(\n${propsCode}${propsCode.trim() ? ',' : ''}\n${tabs})`;
+            code += `${constCode}${widget.type}(\n${propsCode}${propsCode.trim() ? ',' : ''}\n${tabs})`;
         }
         else {
             code += propsCode;

src/generators/widget-generator.ts

@@ -79,6 +79,39 @@ suite("ItemBuilder Tests", function () {
         assertEqual(generated, expected);
     });
 
+    test("with stream 2", function() {
+        const xml = `
+    <ListView :use="builder" itemCount="(component.items | stream).length" :itemBuilder="ItemModel item of component.items | stream">
+        <Text text="item.title" />
+    </ListView>
+`;
+        
+        const expected = `
+        StreamBuilder(
+          initialData: null,
+          stream: component.items,
+          builder: (BuildContext context, componentItemsSnapshot) {
+            final componentItemsValue = componentItemsSnapshot.data;
+            if (componentItemsValue == null) {
+              return Container(width: 0, height: 0);
+            }
+            return ListView.builder(
+              itemCount: (componentItemsValue).length,
+              itemBuilder: (BuildContext context, int index) {
+                final ItemModel item = componentItemsValue == null || componentItemsValue.length <= index || componentItemsValue.length == 0 ? null : componentItemsValue[index];
+                return Text(
+                  item.title,
+                );
+              },
+            );
+          },
+        )
+`;
+
+        const generated = generateWidget(xml);
+        assertEqual(generated, expected);
+    });
+
     test("with wrapper property (margin)", function() {
         const xml = `
     <ListView :use="builder" :margin="5" :itemBuilder="item of component.items">

src/property-handlers/item-builder.test.ts

@@ -54,9 +54,9 @@ suite("Wrapper Animation Property Tests", function () {
             cycles: 5,
             duration: Duration(milliseconds: 1000),
             tweenMap: {
-              "color": ColorTween(begin: Colors.transparent, end: Colors.white),
+              "height": Tween<int>(begin: 100, end: 300),
               "width": Tween<int>(begin: 100, end: 200),
-              "height": Tween<int>(begin: 100, end: 300)
+              "color": ColorTween(begin: Colors.transparent, end: Colors.white)
             },
             builderMap: (Map<String, Animation> animations, Widget child) {
               return Container(
@@ -88,9 +88,9 @@ suite("Wrapper Animation Property Tests", function () {
             duration: Duration(seconds: 1),
             key: ctrl._myAnimationKey,
             tweenMap: {
-              "color": ColorTween(begin: Colors.blue, end: Colors.red),
+              "height": Tween<double>(begin: 100, end: 300),
               "width": Tween<double>(begin: 100, end: 200),
-              "height": Tween<double>(begin: 100, end: 300)
+              "color": ColorTween(begin: Colors.blue, end: Colors.red)
             },
             builderMap: (Map<String, Animation> animations, Widget child) {
               return Container(