<h1 id="%E4%BD%BF%E7%94%A8%E3%81%97%E3%81%9F%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA">
<a class="header-anchor-link" href="#%E4%BD%BF%E7%94%A8%E3%81%97%E3%81%9F%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA" aria-hidden="true"></a> 使用したライブラリ</h1>
<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__8d36e10b76e43" src="https://embed.zenn.studio/card#zenn-embedded__8d36e10b76e43" data-content="https%3A%2F%2Fpub.dev%2Fpackages%2Fflutter_launcher_icons" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://pub.dev/packages/flutter_launcher_icons" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://pub.dev/packages/flutter_launcher_icons</a></p>
<h1 id="%E5%8F%82%E8%80%83%E3%81%AB%E3%81%97%E3%81%9F%E3%82%B5%E3%82%A4%E3%83%88">
<a class="header-anchor-link" href="#%E5%8F%82%E8%80%83%E3%81%AB%E3%81%97%E3%81%9F%E3%82%B5%E3%82%A4%E3%83%88" aria-hidden="true"></a> 参考にしたサイト</h1>
<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__72f6319bdff3b" src="https://embed.zenn.studio/card#zenn-embedded__72f6319bdff3b" data-content="https%3A%2F%2Fzenn.dev%2Fsusatthi%2Farticles%2F20220401-060335-flutter-launcher-icons" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://zenn.dev/susatthi/articles/20220401-060335-flutter-launcher-icons" style="display:none" target="_blank">https://zenn.dev/susatthi/articles/20220401-060335-flutter-launcher-icons</a></p>
<h1 id="%E6%89%8B%E9%A0%86">
<a class="header-anchor-link" href="#%E6%89%8B%E9%A0%86" aria-hidden="true"></a> 手順</h1>
<p>１．pubspec.yamlで下記を追加しpubget</p>
<div class="code-block-container">
<div class="code-block-filename-container"><span class="code-block-filename">pubspec.yaml</span></div>
<pre class="language-yaml"><code class="language-yaml"><span class="token key atrule">flutter_launcher_icons</span><span class="token punctuation">:</span> ^0.9.2
</code></pre>
</div><p>２．pubspec.yamlでアイコンのパスを指定する</p>
<div class="code-block-container">
<div class="code-block-filename-container"><span class="code-block-filename">pubspec.yaml</span></div>
<pre class="language-yaml"><code class="language-yaml"><span class="token key atrule">dev_dependencies</span><span class="token punctuation">:</span>
  <span class="token key atrule">flutter_test</span><span class="token punctuation">:</span>
    <span class="token key atrule">sdk</span><span class="token punctuation">:</span> flutter
  
<span class="token key atrule">flutter_icons</span><span class="token punctuation">:</span>
  <span class="token key atrule">android</span><span class="token punctuation">:</span> <span class="token boolean important">true</span>
  <span class="token key atrule">ios</span><span class="token punctuation">:</span> <span class="token boolean important">true</span>
  <span class="token key atrule">image_path</span><span class="token punctuation">:</span> <span class="token string">'assets/images/icon.png'</span> <span class="token comment"># 512x512</span>
  <span class="token key atrule">adaptive_icon_foreground</span><span class="token punctuation">:</span>　<span class="token string">'assets/images/foreground_icon.png'</span> <span class="token comment">#　背景透過し約50%縮小した画像</span>
  <span class="token key atrule">adaptive_icon_background</span><span class="token punctuation">:</span> <span class="token string">'#ffffff'</span> <span class="token comment"># 背景色</span>
</code></pre>
</div><p>３．下記Terminalで実行し、アプリをリビルド<br>
　　アイコンが変わっていることを確認</p>
<div class="code-block-container"><pre class="language-terminal"><code class="language-terminal">$ flutter pub get
$ flutter pub pub run flutter_launcher_icons:main
</code></pre></div>

【Flutter】 アプリアイコンの変更

keito

<p>androidで同じ問題に出くわしていたので大変助かりました。<br>
ありがとうございます。</p>


【Flutter】アプリアイコンの変更

Discussion