FWidgetは 、美しいアプリケーションを構築するための洗練されたコンポーネントを提供します。
トースト チップは、現代のアプリケーションに不可欠なビジュアル要素として採用されています。
今日、FWidgetは 開発者にToastコンポーネントを 提供します。
機能
開発者の皆さん、これが皆さんがよく知っている トースト ですか？
トーストを作る便利な方法
プライマリーメッセージとセカンダリーメッセージのサポートとスタイルのカスタマイズ
柔軟で多彩なアイコン表示に対応
コーナーサイズ、背景色の設定をサポート
サポートキュー
カスタム Toast
トランスポート
ポータル: FToast Githubページ
ポータル: FToast ドキュメント
基本的な使い方
おなじみの使い方、でももっといい
FToast.toast(
context,
/// 表示時間を設定する
///
/// Configure display duration
duration: 800,
/// 配置 Msg
///
/// set Msg
msg: "I'm FToast: ${count++}",
/// 配置 Msg 样式
///
/// set Msg style
msgStyle: TextStyle(color: Colors.white),
)
最も単純なケースでは、 Toast エレメントを作成するのはこれまで通り簡単です。
FToast.toast(context, msg: "Hi, FWidget");
もちろん、 FToast では、msgStyle プロパティでテキストのスタイルを簡単に設定できます。
FToastでさえ 、 Flutterで キューを表示する機能を実装しており、これは Androidの Toastと 一致しています。
サイド情報
その他のヒント
FToast.toast(
context,
msg: "This is Msg",
/// 配置 subMsg
///
/// set subMsg
subMsg: "Welcome to use FToast. This is subMsg!",
/// 配置 SubMsg 样式
///
/// set SubMsg style
subMsgStyle: TextStyle(color: Colors.white, fontSize: 13),
)
FToastが これまでの Toastと異なるのは、FToastが サブテキスト設定をサポートしている点です。このため、開発者はより多くのヒントを示すことができます。
アイコン
より美しく
FToast.toast(
context,
msg: "This is Msg",
subMsg: "Welcome to use FToast. This is subMsg!",
/// 設定アイコン
///
/// set image
image: Icon(
Icons.star,
color: Colors.yellow,
),
/// テキストに対するアイコンの位置を設定する
///
/// set position of icon relative to text
imageDirection: up,
)
FToastは 、開発者が装飾アイコンを設定することを可能にし、その相対位置を制御するためのサポートがあります。可愛らしさを追求する上で、FWidgetは単なる言葉ではありません。
カスタムスタイル
無制限、開花する創造性
FToast.toast(
context,
/// 自定义 Toast 样式
///
/// Custom Toast style
toast: FSuper(
text: "Custom Toast",
style: TextStyle(color: Colors.grey),
padding: EdgeInsets.all(12),
shadowColor: Colors.yellow,
shadowBlur: 80,
),
)
もし、プリセットの Toastが 開発者の想像力を満足させられない場合、FToastは 開発者が Toastのスタイルをカスタマイズすることをサポートします。
開発者はスタイルだけを気にすればよく、残りの処理は FToastに 任せればよいのです。
詳細をお知りになりたい方は FToast 公式ホームページをご覧ください。
どうやって使うの？
依存関係をプロジェクトの pubspec.yaml ファイルに追加します：
pub 依存関係
dependencies:
ftoast: ^< >
注意: FToast の最新バージョンは pub でご確認ください。
git 依存関係
dependencies:
ftoast:
git:
url: 'git@github.com:Fliggy-Mobile/ftoast.git'
ref: '<分支号 或 tag>'
なお、ブランチ番号やタグは公式の FToast プロジェクトに基づいてください。
気分は？FToastのGithubページでスターに投票！
より優れたコンポーネント
FSuper - 開発者が美しく複雑なビューを素早く構築できるようにします。
FButton - 開発者のための素晴らしい設定がたくさんあります！
FSwitch - 優れたインタラクションと視覚効果を持つ美しいスイッチング要素
FRadio - ほとんど全ての無線シナリオに対応する無線コンポーネントです。
FFloat - 浮動要素に求められるものすべて。
FRefresh - ドロップダウンのリフレッシュ効果を簡単に作ることができます。
FDottedLine - 鮮やかな点線エフェクト！
FSearch - オールインワンの検索ボックスコンポーネント。
