flutter codelabをやってみた

Posted by on Thu, Jun 21, 2018

はじめに

flutter codelabをやりました。

そのときのメモです。やった成果はこちら

https://github.com/kwmt/flutter-codelab

メモ

  • Android StudioでiOS,Androidビルドできてインストールできる

  • ⌘+sでホットリロード

    • 反映されるのが早すぎて感動
    • iOS、Android両方同時にはできないのか?
  • コード上でレイアウトを作成する(xmlとかない?)

  • アイコンもコードから書ける

    trailing: new Icon(
      alreadySaved ? Icons.favorite : Icons.favorite_border,
      color: alreadySaved ? Colors.red : null,
    ),
    
  • タップイベントは、onTapで

    • リストのitemやcell上のタップイベントはListTileのonTapで書ける

    • リストにnofifyするのはsetStateになる

      onTap: () {
      setState(() {
          if (alreadySaved) {
          _saved.remove(pair);
          } else { 
          _saved.add(pair); 
          } 
      });
      },       
      
  • AppBarにボタンをおける

  • 画面遷移はNavigator.pushで遷移

    • iOSはUINavigtaionControllerの動き
    • AndroidはstartActivityの動きになる(が、少しぎこちない?ので対策はあるのだろうか・・・)
  • テーマ変更が超簡単

    Widget build(BuildContext context) {
        return new MaterialApp(
        title: 'Welcome to Flutter',
    +      theme: new ThemeData(
    +        primaryColor: Colors.white
    +      ),
        home: new RandomWords(),
        );
    }
    
デフォルトテーマ変更後


comments powered by Disqus