https://tianchoy.github.io/tags/flutter/Recent content in Flutter on 特严赤傲Hugozh-CNThu, 21 May 2026 21:04:00 +0800https://tianchoy.github.io/posts/dart/wheretype%E7%9A%84%E4%BD%9C%E7%94%A8/Thu, 21 May 2026 21:04:00 +0800https://tianchoy.github.io/posts/dart/wheretype%E7%9A%84%E4%BD%9C%E7%94%A8/<p><code>whereType&lt;Marker&gt;()</code> 是 Dart 中 Iterable 的一个方法，用于<strong>过滤集合中指定类型的元素</strong>。</p> <h2 id="它的作用">它的作用</h2> <p>从集合中筛选出所有类型为 <code>&lt;Marker&gt;</code> 的元素，并返回一个新的 Iterable，忽略其他类型的元素。</p>https://tianchoy.github.io/posts/dart/%E5%85%B3%E4%BA%8Ecupertinonavigationbar%E5%9B%BE%E6%A0%87%E5%AF%B9%E9%BD%90%E9%97%AE%E9%A2%98/Thu, 24 Jul 2025 20:27:03 +0800https://tianchoy.github.io/posts/dart/%E5%85%B3%E4%BA%8Ecupertinonavigationbar%E5%9B%BE%E6%A0%87%E5%AF%B9%E9%BD%90%E9%97%AE%E9%A2%98/<p>开发一个自定义顶部栏，发现右侧图标与标题不在同一水平线上：</p> <h2 id="可能的原因">可能的原因</h2> <ol> <li> <p><strong>CupertinoNavigationBar默认布局</strong>：CupertinoNavigationBar的标题(middle)和尾部(trailing)控件默认可能有轻微的高度差异</p> </li> <li> <p><strong>CupertinoButton的默认内边距</strong>：您使用的CupertinoButton可能有默认的内边距影响对齐</p> </li> <li> <p><strong>图标本身的设计</strong>：CupertinoIcons中的图标可能有内置的视觉平衡空间</p> </li> </ol>https://tianchoy.github.io/posts/dart/macos%E6%9F%A5%E8%AF%A2%E5%AE%89%E5%8D%93%E5%92%8Cios%E6%A8%A1%E6%8B%9F%E5%99%A8%E5%88%97%E8%A1%A8/Sat, 28 Jun 2025 20:53:38 +0800https://tianchoy.github.io/posts/dart/macos%E6%9F%A5%E8%AF%A2%E5%AE%89%E5%8D%93%E5%92%8Cios%E6%A8%A1%E6%8B%9F%E5%99%A8%E5%88%97%E8%A1%A8/<h3 id="macos查询安卓和ios模拟器列表">macOS查询安卓和ios模拟器列表</h3> <div class="highlight"><div class="chroma"> <table class="lntable"><tr><td class="lntd"> <pre tabindex="0" class="chroma"><code><span class="lnt"> 1 </span><span class="lnt"> 2 </span><span class="lnt"> 3 </span><span class="lnt"> 4 </span><span class="lnt"> 5 </span><span class="lnt"> 6 </span><span class="lnt"> 7 </span><span class="lnt"> 8 </span><span class="lnt"> 9 </span><span class="lnt">10 </span><span class="lnt">11 </span><span class="lnt">12 </span><span class="lnt">13 </span><span class="lnt">14 </span></code></pre></td> <td class="lntd"> <pre tabindex="0" class="chroma"><code class="language-shell" data-lang="shell"><span class="line"><span class="cl"><span class="c1"># 安卓模拟器列表</span> </span></span><span class="line"><span class="cl"><span class="nb">cd</span> ~/Library/Android/sdk/emulator </span></span><span class="line"><span class="cl">./emulator -list-avds </span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl"><span class="c1"># 启动安卓模拟器</span> </span></span><span class="line"><span class="cl">./emulator -avd 你的模拟器名称 </span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl"><span class="c1"># ios 模拟器列表</span> </span></span><span class="line"><span class="cl">xcrun simctl list devices <span class="p">|</span> grep -v unavailable </span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl"><span class="c1"># 启动ios模拟器</span> </span></span><span class="line"><span class="cl">open -a Simulator --args -CurrentDeviceUDID &lt;设备标识符&gt; </span></span></code></pre></td></tr></table> </div> </div>https://tianchoy.github.io/posts/dart/flutter%E4%B8%AD%E4%BD%BF%E7%94%A8adaptive_dialog%E7%9A%84%E6%96%B9%E6%B3%95/Thu, 26 Jun 2025 22:02:15 +0800https://tianchoy.github.io/posts/dart/flutter%E4%B8%AD%E4%BD%BF%E7%94%A8adaptive_dialog%E7%9A%84%E6%96%B9%E6%B3%95/<p><code>adaptive_dialog</code>是一个强大的Flutter插件，它能够根据运行平台(iOS或Android)自动适配对话框样式，提供一致的用户体验。本教程将详细介绍如何使用这个插件。</p>https://tianchoy.github.io/posts/dart/flutter-3.0.5-%E4%BD%BF%E7%94%A8bottomnavigationbar%E6%95%B0%E9%87%8F%E8%B6%85%E8%BF%873%E4%B8%AA%E6%97%B6%E5%BA%95%E9%83%A8%E5%AF%BC%E8%88%AA%E6%98%BE%E7%A4%BA%E4%B8%BA%E7%99%BD%E8%89%B2/Sun, 20 Oct 2024 11:42:58 +0800https://tianchoy.github.io/posts/dart/flutter-3.0.5-%E4%BD%BF%E7%94%A8bottomnavigationbar%E6%95%B0%E9%87%8F%E8%B6%85%E8%BF%873%E4%B8%AA%E6%97%B6%E5%BA%95%E9%83%A8%E5%AF%BC%E8%88%AA%E6%98%BE%E7%A4%BA%E4%B8%BA%E7%99%BD%E8%89%B2/<p>查询了源码之后， 得出当数量小于等于3时会默认fixed模式下使用主题色， 大于3时则会默认shifting模式下使用白色， 所以，type: BottomNavigationBarType.fixed, 即可.</p>https://tianchoy.github.io/posts/dart/flutter--listtile-leading%E5%8A%A0%E8%BD%BD%E6%9C%AC%E5%9C%B0%E5%9B%BE%E6%A0%87/Sun, 20 Oct 2024 11:42:58 +0800https://tianchoy.github.io/posts/dart/flutter--listtile-leading%E5%8A%A0%E8%BD%BD%E6%9C%AC%E5%9C%B0%E5%9B%BE%E6%A0%87/<div class="highlight"><div class="chroma"> <table class="lntable"><tr><td class="lntd"> <pre tabindex="0" class="chroma"><code><span class="lnt">1 </span><span class="lnt">2 </span><span class="lnt">3 </span><span class="lnt">4 </span><span class="lnt">5 </span><span class="lnt">6 </span></code></pre></td> <td class="lntd"> <pre tabindex="0" class="chroma"><code class="language-javascript" data-lang="javascript"><span class="line"><span class="cl"><span class="nx">ListTile</span><span class="p">(</span> </span></span><span class="line"><span class="cl"> <span class="nx">leading</span><span class="o">:</span> <span class="nx">Images</span><span class="p">.</span><span class="nx">assets</span><span class="p">(</span><span class="s1">&#39;images/1.png&#39;</span><span class="p">),</span> </span></span><span class="line"><span class="cl"> <span class="nx">title</span><span class="o">:</span> <span class="nx">Text</span><span class="p">(</span><span class="s1">&#39;jquery 根据分类id分割数组&#39;</span><span class="p">),</span> </span></span><span class="line"><span class="cl"> <span class="nx">subtitle</span><span class="o">:</span> <span class="nx">Text</span><span class="p">(</span> </span></span><span class="line"><span class="cl"> <span class="s1">&#39;写项目的时候遇到一个问题&#39;</span><span class="p">),</span> </span></span><span class="line"><span class="cl"> <span class="p">)</span> </span></span></code></pre></td></tr></table> </div> </div><p>现在改成这样就可以了：</p>https://tianchoy.github.io/posts/dart/flutter-firebase-login%E7%99%BB%E9%99%86%E5%A4%B1%E8%B4%A5/Sun, 20 Oct 2024 11:42:58 +0800https://tianchoy.github.io/posts/dart/flutter-firebase-login%E7%99%BB%E9%99%86%E5%A4%B1%E8%B4%A5/<p>用flutter+firebase做推送功能的时候，根据firebase文档提示做，安装好 cli之后，怎么用科学上网都登陆不上去， 然后，在sf找到一些办法，试过之后，生效了。记录一下</p>https://tianchoy.github.io/posts/dart/flutter%E4%B8%8D%E8%AE%BE%E7%BD%AEappbar%E5%86%85%E5%AE%B9%E8%A2%AB%E7%8A%B6%E6%80%81%E6%A0%8F%E9%81%AE%E4%BD%8F/Sun, 20 Oct 2024 11:42:58 +0800https://tianchoy.github.io/posts/dart/flutter%E4%B8%8D%E8%AE%BE%E7%BD%AEappbar%E5%86%85%E5%AE%B9%E8%A2%AB%E7%8A%B6%E6%80%81%E6%A0%8F%E9%81%AE%E4%BD%8F/<div class="highlight"><div class="chroma"> <table class="lntable"><tr><td class="lntd"> <pre tabindex="0" class="chroma"><code><span class="lnt"> 1 </span><span class="lnt"> 2 </span><span class="lnt"> 3 </span><span class="lnt"> 4 </span><span class="lnt"> 5 </span><span class="lnt"> 6 </span><span class="lnt"> 7 </span><span class="lnt"> 8 </span><span class="lnt"> 9 </span><span class="lnt">10 </span><span class="lnt">11 </span><span class="lnt">12 </span><span class="lnt">13 </span><span class="lnt">14 </span><span class="lnt">15 </span><span class="lnt">16 </span><span class="lnt">17 </span><span class="lnt">18 </span><span class="lnt">19 </span></code></pre></td> <td class="lntd"> <pre tabindex="0" class="chroma"><code class="language-dart" data-lang="dart"><span class="line"><span class="cl"><span class="c1">//1,引入dart:ui </span></span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl"><span class="k">import</span> <span class="s2">&#34;dart:ui&#34;</span><span class="p">;</span> </span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl"><span class="c1">//2,获取头部状态栏高度 </span></span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl"><span class="n">MediaQueryData</span><span class="p">.</span><span class="n">fromWindow</span><span class="p">(</span><span class="n">window</span><span class="p">).</span><span class="n">padding</span><span class="p">.</span><span class="n">top</span> </span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl"><span class="c1">//具体用法： </span></span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl"><span class="n">Padding</span><span class="p">(</span> </span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl"><span class="nl">padding:</span> </span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl"><span class="n">EdgeInsets</span><span class="p">.</span><span class="n">only</span><span class="p">(</span><span class="nl">top:</span> <span class="n">MediaQueryData</span><span class="p">.</span><span class="n">fromWindow</span><span class="p">(</span><span class="n">window</span><span class="p">).</span><span class="n">padding</span><span class="p">.</span><span class="n">top</span><span class="p">)</span> </span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl"><span class="p">)</span> </span></span></code></pre></td></tr></table> </div> </div>https://tianchoy.github.io/posts/dart/flutter%E7%88%B6%E5%AD%90%E4%BC%A0%E5%80%BCstatefulwidget%E5%92%8Cstatelesswidget%E7%9A%84%E5%8C%BA%E5%88%AB/Sun, 20 Oct 2024 11:42:58 +0800https://tianchoy.github.io/posts/dart/flutter%E7%88%B6%E5%AD%90%E4%BC%A0%E5%80%BCstatefulwidget%E5%92%8Cstatelesswidget%E7%9A%84%E5%8C%BA%E5%88%AB/<p>父组件：</p> <div class="highlight"><div class="chroma"> <table class="lntable"><tr><td class="lntd"> <pre tabindex="0" class="chroma"><code><span class="lnt"> 1 </span><span class="lnt"> 2 </span><span class="lnt"> 3 </span><span class="lnt"> 4 </span><span class="lnt"> 5 </span><span class="lnt"> 6 </span><span class="lnt"> 7 </span><span class="lnt"> 8 </span><span class="lnt"> 9 </span><span class="lnt">10 </span></code></pre></td> <td class="lntd"> <pre tabindex="0" class="chroma"><code class="language-dart" data-lang="dart"><span class="line"><span class="cl"><span class="n">ElevatedButton</span><span class="p">(</span> </span></span><span class="line"><span class="cl"> <span class="nl">onPressed:</span> <span class="p">()</span> <span class="p">{</span> </span></span><span class="line"><span class="cl"> <span class="n">Navigator</span><span class="p">.</span><span class="n">of</span><span class="p">(</span><span class="n">context</span><span class="p">).</span><span class="n">push</span><span class="p">(</span><span class="n">MaterialPageRoute</span><span class="p">(</span> </span></span><span class="line"><span class="cl"> <span class="nl">builder:</span> <span class="p">(</span><span class="n">context</span><span class="p">)</span> <span class="o">=&gt;</span> <span class="n">FormPage</span><span class="p">(</span><span class="nl">title:</span> <span class="s1">&#39;form page!&#39;</span><span class="p">)));</span> </span></span><span class="line"><span class="cl"> <span class="p">},</span> </span></span><span class="line"><span class="cl"> <span class="nl">style:</span> <span class="n">ButtonStyle</span><span class="p">(</span> </span></span><span class="line"><span class="cl"> <span class="nl">padding:</span> <span class="n">MaterialStateProperty</span><span class="p">.</span><span class="n">all</span><span class="p">(</span> </span></span><span class="line"><span class="cl"> <span class="kd">const</span> <span class="n">EdgeInsets</span><span class="p">.</span><span class="n">fromLTRB</span><span class="p">(</span><span class="m">20</span><span class="p">,</span> <span class="m">10</span><span class="p">,</span> <span class="m">20</span><span class="p">,</span> <span class="m">10</span><span class="p">))),</span> </span></span><span class="line"><span class="cl"> <span class="nl">child:</span> <span class="kd">const</span> <span class="n">Text</span><span class="p">(</span><span class="s1">&#39;传值按钮&#39;</span><span class="p">),</span> </span></span><span class="line"><span class="cl"> <span class="p">)</span> </span></span></code></pre></td></tr></table> </div> </div><p>子组件的StatelessWidget模式：</p>