CATEGORY

Widget of the Week

【日本語版】【Flutter】Widget of the Week – #19 Tooltip【要約】

動画 要約 Tooltipとはアイコン等を長押しした際に表示されるテキストメッセージのこと Tooltipがあると、アイコン等の意味がユーザーに伝わりやすくなる(アクセシビリティが向上する) 音声読み上げにも対応しており、目の不自由な方にも優しい 内容 モバイル画面は小さいです。 そのため、アプリは何かを伝えるためによくアイコンを利用します。 現代のアプリは様々な画像や視覚的コンテンツでいっぱいに […]

【日本語版】【Flutter】Widget of the Week – #18 CustomPaint【要約】

動画 要約 自分で複雑にUIをカスタマイズしたい場合はCustomPaintを使おう CustomPaintがcanvasを提供し、開発者はそのcanvasを使って自由に描画できる 内容 自分で自由にカスタマイズしたUIを作りたいと思ったことはありませんか? Flutterでは、低レベルの描画ロジックにもアクセスできます。 開発者は自分で速くて効率的で、滑らかなグラフィックを作成することができます […]

【日本語版】【Flutter】Widget of the Week – #14 StreamBuilder【要約】

動画 要約 現代のアプリは様々なイベントが様々なタイミングで発生する(だれかが「いいね」してくれたり、新規で画像をアップロードしたり) このイベントのことをDartではStreamと呼び、DartはStreamを良くサポートしている FlutterでStreamBuilderを使えば、なにかイベントが起きるたびその情報を自動でキャッチし、アプリの表示に反映させることができる 内容 現代のアプリは非 […]

【日本語版】【Flutter】Widget of the Week – #12 SliverList & SliverGrid【要約】

動画 要約 ListViewとGridViewはそれぞれ中のコンテンツはスクロールできるがそれ自体はスクロールできない ViewとGrid自体も含めてスクロールさせたいときはSliverを使おう 内容 ListViewとGridViewはその中のコンテンツを別々にスクロールさせたい場合は最適です。  しかし、もしリストやグリッドを一緒にスクロールさせたり、もっと複雑なスクロールをさせたい場合はどう […]

【日本語版】【Flutter】Widget of the Week – #11 SliverAppBar【要約】

動画 要約 SliverAppBarはスクロールすると見た目が変わるアニメーションヘッダー 最初はimageの画像をヘッダーとして表示して、スクロールにより幅が狭くなると文字にする、のような表現が可能になる。 内容 スクロールしたときに見た目が変わる素敵なアニメーションヘッダー。あなたはそれをアプリに付けたいと思ったことはないでしょうか?  SliverAppBarを使えば、それができます。 Sl […]