flutter开发小技巧1

本文主要介绍flutter开发小技巧

…

延展操作符(...)可以对数组或者字典进行操作

// 合并数组
test1() {
  var list = [1, 2, 3];
  var list2 = [0, ...list, 4];
  print(list2);
  // [0, 1, 2, 3, 4]
}

// 合并字典
test2() {
  var map1 = {
    "key1": "value1",
    "key2": "value2",
  };
  var map2 = {
    "key3": "value3",
    "key4": "value4",
  };
  var map3 = {...map1, ...map2};
  print(map3);
  // {key1: value1, key2: value2, key3: value3, key4: value4}
}

for ()…[]

合并widgets到集合中，使用for ()...[]范式，使用延展操作符(...)来合并一个数组的widgets到一个存在的集合中。例如在构造Row或者Column的children时，非常方便。下面是示例：

List<Food> foods = [
  Food(name: 'apple', isVegetarian: true),
  Food(name: 'nuts', isVegetarian: true),
  Food(name: 'eggs', isVegetarian: true),
  Food(name: 'chicken', isVegetarian: false),
];

class Food {
  Food({
    this.name,
    this.isVegetarian,
  });

  String name;
  bool isVegetarian;
}

class HomePage extends StatelessWidget {
  const HomePage({Key key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Container(
      child: Column(
        children: [
          Container(),
          for (final food in foods) ...[
            if (food.isVegetarian) ListTile(title: Text(food.name)),
            SizedBox(height: 50.0),
          ],
        ],
      ),
    );
  }

() {} ()

立即执行一个匿名函数：() {} (),相当于声明一个匿名函数并且里面执行，这种范式在处理一个widget可能有多种输出时特别有用。而不是使用镶嵌的三目运算符或者通过一个函数调用，这个代码跟内联。下面是示例：

T getRandomElement<T>(List<T> list) => list[Random().nextInt(list.length)];

Column(
          children: [
            Container(
              color: () {
                switch (getRandomElement(foods).name) {
                  case 'apple':
                    return Colors.green;
                  case 'nuts':
                    return Colors.brown;
                  case 'eggs':
                    return Colors.yellow;
                  default:
                    return Colors.transparent;
                }
              }(),
              child: Text('Food of the Day'),
            ),
          ],
        )

最后

这里也为想要学习Flutter的朋友们准备了两份学习资料《Flutter Dart语言编程入门到精通》《Flutter实战》，从编程语言到项目实战，一条龙服务！！

《Flutter Dart 语言编程入门到精通》

• 第一章 Dart语言基础

• 第二章 Dart 异步编程
  

• 第三章 异步之 Stream 详解

• 第四章 Dart标准输入输出流
  

• 第五章 Dart 网络编程

• 第六章 Flutter 爬虫与服务端
  

• 第七章 Dart 的服务端开发

• 第八章 Dart 调用C语言混合编程

• 第九章 LuaDardo中Dart与Lua的相互调用
  

《Flutter实战：第二版》

• 第一章：起步
• 第二章：第一个Flutter应用
• 第三章：基础组件
• 第四章：布局类组件
• 第五章：容器类组件

• 第六章：可滚动组件

• 第七章：功能型组件

• 第八章：事件处理与通知

• 第九章：动画

• 第十章：自定义组件
  

• 第十一章：文件操作与网络请求

• 第十二章：Flutter扩展

• 第十三章：国际化

• 第十四章：Flutter核心原理

• 第十五章：一个完整的Flutter应用