Flutter Visibilityを使ってドロップダウンボタンのアイコンを削除するサンプル

環境
Windows11 pro 64bit
Flutter 3.3.7

構文

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
icon: Visibility(
visible: false,
child: Icon(Icons.arrow_drop_down),
),
icon: Visibility( visible: false, child: Icon(Icons.arrow_drop_down), ),
icon: Visibility(
  visible: false,
  child: Icon(Icons.arrow_drop_down),
),

Visibilityの引数「visible」に「false」、「child」にアイコンを指定します。
Visibilityを利用してドロップダウンボタンのアイコンを削除します。

使用例

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
DropdownButton(
icon: Visibility(
visible: false,
child: Icon(Icons.arrow_drop_down),
),
value: _value,
onChanged: (value) {},
items: [
// 処理コード
],
)
DropdownButton( icon: Visibility( visible: false, child: Icon(Icons.arrow_drop_down), ), value: _value, onChanged: (value) {}, items: [ // 処理コード ], )
DropdownButton(
  icon: Visibility(
    visible: false,
    child: Icon(Icons.arrow_drop_down),
  ),
  value: _value,
  onChanged: (value) {},
  items: [
   // 処理コード
  ],
)

 

Flutter

Posted by arkgame