便利そうなFlutter Widget_13選

Youtubeの公式Flutterチャンネル、Flutter Widget of the weekをざっと見て、
使えそうなWidgetをまとめてみました:pencil2:
コードは調べればいくらでも出てくるので、ご紹介だけです。
Youtube：https://www.youtube.com/playlist?list=PLjxrf2q8roU23XGwz3Km7sQZFTdB996iG

#### 1. Dismissible
スワイプで消せます。Gmailとかで見ますね。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/542326/805b0019-382b-d5bc-613b-4e503838c0ca.gif" width="250">

https://www.youtube.com/watch?v=iEMgjrfuc58&list=PLjxrf2q8roU23XGwz3Km7sQZFTdB996iG&index=125

#### 2. RefreshIndicator
これも良く見ます。
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/542326/b3c7bf36-0561-cd0d-e759-99a8bf123be3.gif" width="250">

#### 3. Stepper
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/542326/0cb921f2-0627-56a9-8616-7f8e0a030837.gif" width="250">

#### 4. GestureDetector

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/542326/34ad1684-014f-fff5-ad85-fe8556bc3659.gif" width="250">

#### 5. Inkwell
良く見ます。
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/542326/4fd573fa-613f-2076-648a-838820226042.gif" width="250">


#### 6. Gap
SizedBox(height: 20)みたいに、heightとかwidthと書く必要が無い点が魅力。
MaxGapを使えば自動調整も効く。
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/542326/de9600c4-9e44-4498-76b5-90c883eca9fc.png" width="200">

https://www.youtube.com/watch?v=MqjCIITfCIA&list=PLjxrf2q8roU23XGwz3Km7sQZFTdB996iG&index=1&t=2s

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/542326/dba055de-7ff1-0516-64b9-44068b5d2e33.png" width="300">

#### 7. fl_chart
線グラフだけでなく円グラフとかも書けます。
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/542326/9f2a1602-c675-98db-9240-774e2f6d9cc5.png" width="200">

https://www.youtube.com/watch?v=PkPAtfNNJX8&list=PLjxrf2q8roU23XGwz3Km7sQZFTdB996iG&index=2&t=9s


#### 8. Connectivity
通信状態を判別できます。こんなイメージ。
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/542326/f34178c0-45bc-5774-318f-622e694aeb1f.png" width="500">

https://www.youtube.com/watch?v=P2vaBZDSqzg&list=PLjxrf2q8roU23XGwz3Km7sQZFTdB996iG&index=55

#### 9. Opacity
透明度を増すだけでなく、隙間を作る(要素はある)こともできます。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/542326/aae380c5-592f-b446-ae00-f5d79cf28b11.png" width="150">

https://www.youtube.com/watch?v=9hltevOHQBw&list=PLjxrf2q8roU23XGwz3Km7sQZFTdB996iG&index=149

#### 10. Tooltip
スマホだと長押しが必要？
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/542326/243a039b-0af3-8897-ecec-67917d7d6ae4.png" width="200">

https://www.youtube.com/watch?v=EeEfD5fI-5Q&list=PLjxrf2q8roU23XGwz3Km7sQZFTdB996iG&index=135

#### 11. Align
中央とかだけでなく、好きな位置に配置できます。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/542326/f92678a1-6899-3547-c1c7-ebb3a8d6c078.png" width="200">

https://www.youtube.com/watch?v=g2E7yl3MwMk&list=PLjxrf2q8roU23XGwz3Km7sQZFTdB996iG&index=129

#### 12. Stack
重ねられます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/542326/ad69fcc4-c0d4-1859-6147-33f0e6ae8959.png)

#### 13. Chip
かわいい。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/542326/9e0dabe1-82a3-0606-2141-cd191f9f30c0.png)