初めまして、いもりん(<a>@imorin_basson</a>)です。
今回は私が初めてのアプリ開発の際用いた、知っているとお得だなと感じた書き方を３つご紹介します。
<h1 id="%E3%81%A9%E3%82%93%E3%81%AA%E3%82%A2%E3%83%97%E3%83%AA%E3%82%92%E4%BD%9C%E3%81%A3%E3%81%9F%E3%81%AE%EF%BC%9F">
<a class="header-anchor-link" href="#%E3%81%A9%E3%82%93%E3%81%AA%E3%82%A2%E3%83%97%E3%83%AA%E3%82%92%E4%BD%9C%E3%81%A3%E3%81%9F%E3%81%AE%EF%BC%9F" aria-hidden="true"></a> どんなアプリを作ったの？</h1>
書き方の紹介の前に宣伝がてらリリースしたアプリを紹介させていただきます。 
私が作ったアプリは「QRコード読み取り・作成アプリ」です。
<iframe id="zenn-embedded__8de352fd81e7a" src="https://embed.zenn.studio/card#zenn-embedded__8de352fd81e7a" data-content="https%3A%2F%2Fapps.apple.com%2Fus%2Fapp%2Fqr%25E3%2582%25B3%25E3%2583%25BC%25E3%2583%2589%25E8%25AA%25AD%25E3%2581%25BF%25E5%258F%2596%25E3%2582%258A-%25E4%25BD%259C%25E6%2588%2590%25E3%2582%25A2%25E3%2583%2597%25E3%2583%25AA%2Fid1569144582%3Fitsct%3Dapps_box_link%26itscg%3D30200" frameborder="0" scrolling="no" loading="lazy"></iframe><a href="https://apps.apple.com/us/app/qr%E3%82%B3%E3%83%BC%E3%83%89%E8%AA%AD%E3%81%BF%E5%8F%96%E3%82%8A-%E4%BD%9C%E6%88%90%E3%82%A2%E3%83%97%E3%83%AA/id1569144582?itsct=apps_box_link&amp;itscg=30200" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://apps.apple.com/us/app/qrコード読み取り-作成アプリ/id1569144582?itsct=apps_box_link&amp;itscg=30200</a>
その名の通りのアプリですが、一応機能について書き出すと、
<ul>
<li>カメラでQRコードとバーコードを読み取る機能</li>
<li>スマホのアルバムの中からQRコード画像を選択して読み取る機能</li>
<li>オリジナルのQRコードを作成する機能</li>
<li>読み取ったデータを履歴として保存して閲覧できる機能</li>
</ul>
大きく4つの機能があります。 
簡単なアプリでありきたりだと思われるかもしれませんが、初めて作った習作ということで暖かい目（？）でみてください。 
また本記事で紹介している書き方の参考資料になると思うので、興味があればダウンロードしていただけると非常に嬉しいです。よろしくお願いします。
<h1 id="%E2%91%A0resizetoavoidbottominset">
<a class="header-anchor-link" href="#%E2%91%A0resizetoavoidbottominset" aria-hidden="true"></a> ①resizeToAvoidBottomInset</h1>
一つ目は<code>resizeToAvoidBottomInset</code>です。
簡単に説明すると、Widgetとbodyの重なりを防ぐためのものです。 
下の写真のようにFlutterアプリ内でキーボードを使う際、ページに<code>FloatingActionButton</code>がある状態でそのまま開くと<code>FloatingActionButton</code>がキーボードの上に来てしまい見栄えも使い勝手も悪くなってしまいます。 
<img src="https://storage.googleapis.com/zenn-user-upload/7fc9cc1c84a753f677421790.png" alt width="250" loading="lazy" class="md-img"> 
下に設置されているFloatingActionButtonが
<img src="https://storage.googleapis.com/zenn-user-upload/6937c46759121eb7eea935b5.png" alt width="250" loading="lazy" class="md-img"> 
キーボードの上に来てしまう！
そこで以下のようにresizeToAvoidBottomInsetを加えると
<div class="code-block-container"><pre class="language-dart"><code class="language-dart">return Scaffold(
 resizeToAvoidBottomInset: false,
 appBar: CupertinoNavigationBar(
</code></pre></div><img src="https://storage.googleapis.com/zenn-user-upload/14f16591db8742acd5952c12.png" alt width="250" loading="lazy" class="md-img">
このようにキーボードの上に出なくなります！
<h1 id="%E2%91%A1gesturedetector">
<a class="header-anchor-link" href="#%E2%91%A1gesturedetector" aria-hidden="true"></a> ②GestureDetector</h1>
キーボード繋がりで<code>GestureDetector</code>を紹介します。
こちらも簡単に説明すると画面をタッチしたりボタンを入力した際にその操作・入力を検出するものです。
アプリの中では以下のように書くことでキーボードを閉じたい時に閉じやすくする仕組みとして用いています。
<div class="code-block-container"><pre class="language-dart"><code class="language-dart">body: GestureDetector(
 onTap: () {
 FocusScope.of(context).requestFocus(new FocusNode());
 },
 child: Scrollbar(
</code></pre></div><h1 id="%E2%91%A2uri.encodefull()%3B">
<a class="header-anchor-link" href="#%E2%91%A2uri.encodefull()%3B" aria-hidden="true"></a> ③Uri.encodeFull();</h1>
最後に<code>url_launcher</code>というパッケージを使用する際に知っておくと便利な<code>Uri.encodeFull();</code>について紹介します。
<code>url_launcher</code>とはURLを起動するために用いる人気パッケージです。
アプリの中では様々なURLを読み込む都合上URL内にひらがなや漢字などの日本語が入り込んでしまうため、URLをエンコードしてあげる必要が出てきます。
以下のように書くことで文字列をエンコードし、canLaunch()がfalseを返すことなくURLを起動することができます。
<div class="code-block-container"><pre class="language-dart"><code class="language-dart">static String url = 'https://ja.m.wikipedia.org/wiki/ファゴット';
//日本語が含まれるURL

String _encode = Uri.encodeFull(url);
if (await canLaunch(_encode)) {
 await launch(_encode);
}
</code></pre></div><h1 id="%E6%9C%80%E5%BE%8C%E3%81%AB">
<a class="header-anchor-link" href="#%E6%9C%80%E5%BE%8C%E3%81%AB" aria-hidden="true"></a> 最後に</h1>
ここまで読んでくださいありがとうございました。以上で知っていると得する書き方3つの紹介を終わります。
今後もFlutterやアプリ開発に関する記事や、他のプログラミング言語に関して書いていきますので、この記事がよかったと思いましたらぜひいいねとフォローをよろしくお願いします。
また質問やご意見などございましたらぜひDiscussionや<a>Twitter</a>にてコメントいただけるとありがたいです。