flutter webを試してみる

Flutter完全初心者

Install Flutter

Run flutter doctor までできればOK

PATHの設定がちゃんとできれば詰まるところはなさそう

Flutter webの準備

エディタ

Visual Studio Code を使うのが楽そう

プロジェクト作成

VSCodeの Flutter: New Web Project で作ってやるのが一番楽。

ちょっといじってみる

MaterialButtonにはFlat, Raise, Outlineがあるっぽい。

lib/main.dart

<中略>

          children: <Widget>[
            Text(
              'Hello, World!',
            ),
            Text(
              'たむらまゆ'
            ),
            FlatButton(child: Text('flat button'), onPressed: () {},),
            RaisedButton(child: Text('raised button'), onPressed: () {},),
            OutlineButton(child: Text('outline button'), onPressed: () {},),
          ],
        ),
      ), // This trailing comma makes auto-formatting nicer for build methods.
    );
  }
}

こんな感じになる