【Flutter】Ubuntu20.04環境構築

>動作環境

```
$ cat /etc/os-release
NAME="Ubuntu"
VERSION="20.04.1 LTS (Focal Fossa)"
ID=ubuntu
ID_LIKE=debian
PRETTY_NAME="Ubuntu 20.04.1 LTS"
VERSION_ID="20.04"
HOME_URL="https://www.ubuntu.com/"
SUPPORT_URL="https://help.ubuntu.com/"
BUG_REPORT_URL="https://bugs.launchpad.net/ubuntu/"
PRIVACY_POLICY_URL="https://www.ubuntu.com/legal/terms-and-policies/privacy-policy"
VERSION_CODENAME=focal
UBUNTU_CODENAME=focal
```

## 1.Flutterをインストールしてパスを通す



[Linux install-Flutter（公式ドキュメント）](https://flutter.dev/docs/get-started/install/linux)

ホームディレクトリに「dev」ディレクトリを作って```cd```で移動。

```
$ mkdir dev
$ cd dev
```


「dev」ディレクトリにflutterをcloneする。

```
$ git clone https://github.com/flutter/flutter.git
```

現在のパスを確認。

```
$ pwd
/home/haru/dev
```
>export PATH="$PATH:`pwd`/flutter/bin"

公式ドキュメントではこのようにパスを通すよう説明されている。
```pwd```コマンドで帰ってきたパスを```「pwd」```の部分にコピペ。

例：export PATH="$PATH:/home/haru/dev/flutter/bin"

これをbashrcに追加する。今回エディタはVScodeを使用。

```
$ code ~/.bashrc
(VScodeで.bashrcを開き『export PATH="$PATH:/home/haru/dev/flutter/bin"』を貼り付ける)
$ source ~/.bashrc
```
```flutter doctor```で確認。

```
$ flutter doctor
```
![Screenshot from 2020-09-14 20-46-40.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/692347/7f73f00b-bbef-d9ae-9929-acce5a61bcef.png)

上のような画面が出るとパスを通すまでは完了。

## 2.AndroidStudioをインストール



『Ubuntu Software』でAndroidStudioをインストール
![Screenshot from 2020-09-14 20-47-35.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/692347/869f4fc3-47a1-23d6-85c1-7eb5d8fe2c67.png)

インストールして実行する。
![androidStudio.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/692347/4f9c8b34-b058-606c-37de-6bb665b6c009.jpeg)

画面下のConfigure→Pluginsへ進む。
![FlutterPlugin.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/692347/31c3510b-af18-0dc9-b4e6-4e7eea893559.jpeg)
Flutterプラグインをインストール。
![pulgin.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/692347/f935c175-f96f-8c75-64fd-e1ae31365fe1.png)

プラグインをインストール後『Start new Flutter project』から新しいプロジェクトを始めることができる。
![addflutter.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/692347/9a736a4a-7ffb-3eb6-32ae-6827bd0d7246.jpeg)



一旦AndroidStudioを終了し以下のコマンドでAndroidのライセンスも同意しておく。数回同意を求められるので全て『y』で答える。


```
$ flutter doctor --android-licenses
Warning: File /home/haru/.android/repositories.cfg could not be loaded.         
6 of 6 SDK package licenses not accepted. 100% Computing updates...             
Review licenses that have not been accepted (y/N)? y
```

## 3.Androidエミュレータを導入

AndroidStudioを起動後画面下のConfigure→AVDManagerへ進む。
![AVD.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/692347/2e63293e-8fec-2824-8108-b85d346c2ad8.jpeg)
CreateVirtualDevice
![device01.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/692347/287e57b5-308f-77ce-a4f3-e1a208b1132a.jpeg)

今回の環境ではPlayStoreが入っているものを選択するとエミュレータ起動時にフリーズしてしまったため、PlayStoreなしのPixel 2XLを使用。
![device02.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/692347/beaaa4f4-cb1f-a4bd-a97e-ba4cf2e88db9.jpeg)
SystemImageはQ(API29)を使用。
![Screenshot from 2020-09-14 21-27-39.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/692347/fcb1aebb-bcad-af28-d8eb-c1f913975dd1.png)

Graphicsの項目を『Software-GLES2.0』に変更。
*ここの変更をしていないとエミュレータ起動時にフリーズ。
![Screenshot from 2020-09-14 21-28-18.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/692347/6333e455-f574-dba7-ca2b-295fce9c6982.jpeg)
無事に起動しました！
![Screenshot from 2020-09-14 21-30-53.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/692347/b1bc6219-254e-9e58-4463-51e770cdeb64.png)


最後に```flutter doctor```で確認。

```
$ flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 1.20.3, on Linux, locale ja_JP.UTF-8)
[✓] Android toolchain - develop for Android devices (Android SDK version 30.0.2)
[✓] Android Studio (version 4.0)
[✓] Connected device (1 available)

• No issues found!
```