Flutter学第二步,语言语法的学习。

273 阅读2分钟

主要是语法,UI搭建,屏幕适配,一些基础功能.

按照官方给的例子开始学习 flutterchina.club/get-started…

编写您的第一个 Flutter App

走到第二大步的第四小步出现问题

4.使用 English words 包生成文本来替换字符串“Hello World”.

新增代码

final wordPair = new WordPair.random();
child: new Text(wordPair.asPascalCase),

编译报错

Error: Cannot run with sound null safety, because the following dependencies
don't support null safety:
 - package:english_words
For solutions, see https://dart.dev/go/unsound-null-safety 

使用该方法解决:传送门

在创建列表时,AS又报错:

Could not build the precompiled application for the device.  
Error launching application on iPhone X.

然后根据网上的方案,清缓存然后重启后编译通过。

如果还不行,那就重启电脑,这个确实是缓存问题。

写到第6步: 导航到新页面,感觉Flutter里面部分写法比较复杂。比如

void _pushSaved() {
  Navigator.of(context).push(
    new MaterialPageRoute(
      builder: (context) {
        final tiles = _saved.map(
          (pair) {
            return new ListTile(
              title: new Text(
                pair.asPascalCase,
                style: _biggerFont,
              ),
            );
          },
        );
        final divided = ListTile
          .divideTiles(
            context: context,
            tiles: tiles,
          )
          .toList();
      },
    ),
  );
}

需要在合适的小括号后面加分号否者就会报错(swift语言不会有这个问题)。对于一个初学者来说,是很头疼的事情。(因为我都是手敲的,没有复制。前面的有些复制了之后根本不了解代码的含义以及语法和写法、感觉学习效果不好。)

**然后最后修改导航条背景颜色无效
**

theme: new ThemeData(
        primaryColor: Colors.white,
       ),

解决方案 在这里

今天到这里为止今天学会了:

  • 从头开始创建一个Flutter应用程序.
  • 编写 Dart 代码.(基础代码)
  • 利用外部的第三方库.
  • 使用热重载加快开发周期.
  • 实现一个有状态的widget,为你的应用增加交互.
  • 用ListView和ListTiles创建一个延迟加载的无限滚动列表.
  • 创建了一个路由并添加了在主路由和新路由之间跳转逻辑
  • 了解如何使用主题更改应用UI的外观.