ColorSwatch - flutter.com

[基礎知識]ColorSwatchクラス – マテリアル３デザインのカラーパレットを使用する

投稿者:zakku-spot
投稿公開日:2023年9月22日
投稿カテゴリー:dart flutter
投稿コメント:0件のコメント

１．ColorScheme() クラス ColorSchem…

[読書会]プレースホルダーでの画像のフェードイン
　Flutterにおける「FadeInImage」ウィジェットを使用した画像のフェードイン効果について触れています。１．概要　通常、Flutterのデフォルトの Imageウィジェットを使用して… 続きを読む: [読書会]プレースホルダーでの画像のフェードイン
[基礎知識]Flutter SDK/material library
本サイト内では[基礎知識]Flutter SDK 目次(次のリンク)の続きになります。（詳細は、api.flutter.dev/material-library 参照） MATERIAL Librar… 続きを読む: [基礎知識]Flutter SDK/material library
[読書会]github.com/rrousselGit/flutter_hooks 翻訳及び補足(Motivation)
github.com/rrousselGit/flutter_hooks(開始URL: https://github.com/rrousselGit/flutter_hooks?tab=readme-… 続きを読む: [読書会]github.com/rrousselGit/flutter_hooks 翻訳及び補足(Motivation)
[コラム]Widgetbook について
１．Widgetbook とは Widgetbook/Guides/Quick Start(URL: https://docs.widgetbook.io/guides/quick-start) wi… 続きを読む: [コラム]Widgetbook について
[読書会]Staggered menu animation（ずらして表示されるメニューのアニメーション）
（このページは docs.flutter.dev(https://docs.flutter.dev/cookbook/effects/staggered-menu-animation)のリファレンスブ… 続きを読む: [読書会]Staggered menu animation（ずらして表示されるメニューのアニメーション）
[読書会]ずらした（Staggered）アニメーション
（このページは、docs.flutter.dev（https://docs.flutter.dev/ui/animations/staggered-animations）のリファレンスブログです）１… 続きを読む: [読書会]ずらした（Staggered）アニメーション
[読書会] physics によるウィジェットのアニメーション化
（このページは、docs.flutter.dev（https://docs.flutter.dev/cookbook/animation/physics-simulation）のリファレンスブログです… 続きを読む: [読書会] physics によるウィジェットのアニメーション化
[読書会]ページ遷移アニメーションの実装
（このページは、docs.flutter.dev（https://docs.flutter.dev/cookbook/animation/page-route-animation）のリファレンスブログ… 続きを読む: [読書会]ページ遷移アニメーションの実装
[読書会]（画面間を移動するウィジェット）Heroアニメーション
　本頁はFlutter.doc( https://docs.flutter.dev/ui/animations/hero-animations )のリファレンスブログです。１．概要　ヒーローアニメ… 続きを読む: [読書会]（画面間を移動するウィジェット）Heroアニメーション
[読書会]ウィジェットのフェードイン／フェードアウト
１．概要　UI開発者は画面上の要素を表示したり隠したりする必要がよくあります。しかし、要素を急に画面に表示または非表示にするのは、ユーザーにとって唐突で不快に感じることがあります。代わりに、不透明度… 続きを読む: [読書会]ウィジェットのフェードイン／フェードアウト
[読書会]コンテナのプロパティによるアニメーション化
１．概要　Containerクラスは、特定のプロパティを持つウィジェットを簡単に作成する方法を提供します。（例えば、width（幅）、height（高さ）、背景色、パディング、境界線などを設定できま… 続きを読む: [読書会]コンテナのプロパティによるアニメーション化
[読書会]暗黙的なアニメーション
１．概要　Flutterのアニメーションライブラリを使うことで、UI内のウィジェットに動きを加えたり、視覚的なエフェクトを作成したりすることができます。アニメーションライブラリの一部には、アニメーシ… 続きを読む: [読書会]暗黙的なアニメーション
[読書会]アニメーションチュートリアル
１．概要　ここでは、Flutterのアニメーションライブラリから基本的なクラスを使用して、ウィジェットにアニメーションを追加する方法（例：AnimationController 、Tween など）… 続きを読む: [読書会]アニメーションチュートリアル
[読書会]暗黙的アニメーション化されたAnimatedFooウィジェットによる簡単なアニメーション
（参考ブログ）「Flutter animation basics with implicit animations（暗黙的なアニメーションを使ったFlutterアニメーションの基礎）（by Aleth… 続きを読む: [読書会]暗黙的アニメーション化されたAnimatedFooウィジェットによる簡単なアニメーション
[読書会]Web上のURL戦略の設定
１．概要１-１．FlutterウェブアプリにおけるURLベースのナビゲーション方法　ウェブアプリでのURLのナビゲーションを次の２つの方法で設定できます。（１）Hashベースのナビゲーション（デ… 続きを読む: [読書会]Web上のURL戦略の設定
[読書会]Androidのアプリリンクの設定
１．概要　Android向けのアプリリンクを設定する方法について述べています。ディープリンクとは、URI（Uniform Resource Identifier）を使ってアプリを起動する仕組みで、特… 続きを読む: [読書会]Androidのアプリリンクの設定
[読書会]ディープリンク(Deep linking)
１．概要（１）ディープリンクとは？　ディープリンクは、アプリを開くだけでなく、アプリ内の特定の画面やセクションに直接ユーザーを案内するリンクです。（例えば、ある商品の広告をクリックした際、その商品… 続きを読む: [読書会]ディープリンク(Deep linking)
[読書会]画面に引き出し(Drawer)を追加する
　マテリアルデザインを採用したアプリでは、ナビゲーションにタブとドロワーという２つの主要な選択肢がある。タブを支えるスペースが不十分な場合は、ドロワーが便利な代替手段となります。　Flutterの公式… 続きを読む: [読書会]画面に引き出し(Drawer)を追加する
[読書会]画面からデータを戻す
　Navigator.pop() メソッドを使って、新しい画面から元の画面にデータを返す方法について触れています。（具体的な例として、ユーザに２つの選択肢を提示する新しい画面を開き、ユーザが選択した内… 続きを読む: [読書会]画面からデータを戻す
[読書会]新しい画面にデータを送信する
　新しい画面に移動するだけでなく、その画面にデータを渡したいこともよくあります。（例えば、タップされた項目に関する情報を渡したい場合があります。）１．Todo クラスの定義　まず、Todo クラ… 続きを読む: [読書会]新しい画面にデータを送信する