facebook twitter hatena line email

「Flutter/UI/DropdownButton」の版間の差分

提供: 初心者エンジニアの簡易メモ
移動: 案内検索
(ページの作成:「==DropdownButtonとは== 複数から1つを選択できるコンボボックス ==サンプル== <pre> String dropdownValue = 'Three'; DropdownButton<String>(...」)
 
 
行11: 行11:
 
                 iconSize: 24,
 
                 iconSize: 24,
 
                 elevation: 16,
 
                 elevation: 16,
                style: TextStyle(
 
                    color: Colors.deepPurple
 
                ),
 
 
                 underline: Container(
 
                 underline: Container(
                   height: 2,
+
                   height: 1,
                   color: Colors.deepPurpleAccent,
+
                   color: Colors.grey[600],
 
                 ),
 
                 ),
 
                 onChanged: (String newValue) {
 
                 onChanged: (String newValue) {

2019年12月6日 (金) 00:13時点における最新版

DropdownButtonとは

複数から1つを選択できるコンボボックス

サンプル

String dropdownValue = 'Three';

DropdownButton<String>(
                value: dropdownValue,
                icon: Icon(Icons.arrow_downward),
                iconSize: 24,
                elevation: 16,
                underline: Container(
                  height: 1,
                  color: Colors.grey[600],
                ),
                onChanged: (String newValue) {
                  setState(() {
                    dropdownValue = newValue;
                  });
                },
                items: <String>['One', 'Two', 'Three', 'Four'
                ]
                    .map<DropdownMenuItem<String>>((String value) {
                  return DropdownMenuItem<String>(
                    value: value,
                    child: Text(value),
                  );
                })
                    .toList(),
              ),