ducafecatFlutter エコシステムナビ
FLUTTER ECOSYSTEM

Blasanka/flutter_dropdown

これにより、Flutterフレームワークの複雑なドロップダウンボタンがより簡単になります。

GitHub で見る ↗
flutter_dropdown のプロジェクト画像
Stars
4
Forks
4
最終プッシュ（UTC）
2022/10/09
プロジェクト状態
公開中
B Liyanage Asanka GitHub avatar
GITHUB User

B Liyanage Asanka ↗

Mobile developer who fallen in love with Flutter Framework

SLCoderSri Lanka公式サイト ↗
言語DartKotlinSwiftObjective-C

技術トピック

# flutter# dart# dropdown# package

このリポジトリが公開するパッケージ

使用している依存関係

依存関係一覧 2 件
  • flutter{"sdk":"flutter"}
  • flutter_test開発用{"sdk":"flutter"}

元の README

以下は英語原文のスナップショットです。最新版は GitHub をご覧ください。

README を開く / 閉じる

dropdown

This does make Flutter Framework complicated dropdown button less complicated.

Simple widget:

DropDown(
  items: ["Male", "Female", "Other"],
  hint: Text("Male"),
  icon: Icon(
      Icons.expand_more,
      color: Colors.blue,
  ),
  onChanged: print,
),

With custom dropdown item widget:

DropDown<String>(
  items: <String>["Male", "Female", "Other"],
  icon: Icon(
      Icons.expand_more,
      color: Colors.blue,
  ),
  customWidgets: <Widget>[
    Row(
      children: <Widget>[
        Text("Male"),
        CircleAvatar(
          backgroundImage: NetworkImage(
              "https://raw.githubusercontent.com/rrousselGit/provider/master/resources/expanded_devtools.jpg"),
        ),
      ],
    ),
    Row(
      children: <Widget>[
        Text("Female"),
        CircleAvatar(
          backgroundImage: NetworkImage(
              "https://raw.githubusercontent.com/rrousselGit/provider/master/resources/expanded_devtools.jpg"),
        ),
      ],
    ),
    Row(
      children: <Widget>[
        Text("Other"),
        CircleAvatar(
          backgroundImage: NetworkImage(
              "https://raw.githubusercontent.com/rrousselGit/provider/master/resources/expanded_devtools.jpg"),
        ),
      ],
    )
  ],
    hint: Text("Select Gender"),
  onChanged: print,
),