Flutter memo: day1

とりあえず環境構築して、サンプルアプリを立ち上げるところまで。

Mac OS BigSur
IDE = Android Studio

1. Flutter SDKをインストール
https://flutter.dev/docs/get-started/install/macos#get-sdk

terminal.appでsdkのパスを通す

$ cd sdkを入れたディレクトリ
$ export PATH="$PATH:`pwd`/flutter/bin"

2. iOSセットアップ
https://flutter.dev/docs/get-started/install/macos#ios-setup

3. Androidセットアップ
https://flutter.dev/docs/get-started/install/macos#android-setup

4. Android StudioでCreate New Flutter Project
Flutter Applicationを選択して、適当なプロジェクト名をつけて、SDKが紐づいていることを確認してFinish

5. サンプルコードを削除して、下記を記入

import 'package:flutter/material.dart';

void main() {
 runApp(
   MaterialApp(
     home: Scaffold(
       appBar: AppBar(
         title: Text('My First App!'),
         backgroundColor: Colors.green,
       ),
       body: Center(
         child: Image(
           image: NetworkImage('https://source.unsplash.com/200x200/?nature,water'),
         ),
       ),
     )
   )
 );
}

​6. Android, iOSのシミュレーターで確認

メモ

・Dockerは使わず
・公式ドキュメントにはなかった、~/.zshrcでパスを通す方法がうまくいかず。公式に従うのが吉。
・少しずつ成長するぞ。。