Flutter DropdownButtonFormFieldのテキストの設定をするサンプル

環境
Windows11 pro 64bit
Flutter 3.3.7

構文
DropdownButtonFormField(
style: TextStyle(/*テキストの設定*/),
value: _text,
items: [
//処理コード
],
onChanged: (String? value) {
//処理コード
},
),
DropdownButtonFormFieldの引数「style」にTextStyleを指定します。
TextStyleの引数でテキストの設定を指定をします。

サンプルコード

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
DropdownButtonFormField(
style: TextStyle(
fontSize: 25.0, //サイズ
color: Colors.pink, //色
),
value: _text,
items: [
DropdownMenuItem(
child: Text('study'),
value: 'study',
),
DropdownMenuItem(
child: Text('tokyo'),
value: 'tokyo',
),
DropdownMenuItem(
child: Text('日本語'),
value: '日本語',
),
],
onChanged: (String? value) {
setState(() {
_text = value ?? 'Hello';
});
},
),
DropdownButtonFormField( style: TextStyle( fontSize: 25.0, //サイズ color: Colors.pink, //色 ), value: _text, items: [ DropdownMenuItem( child: Text('study'), value: 'study', ), DropdownMenuItem( child: Text('tokyo'), value: 'tokyo', ), DropdownMenuItem( child: Text('日本語'), value: '日本語', ), ], onChanged: (String? value) { setState(() { _text = value ?? 'Hello'; }); }, ),
DropdownButtonFormField(
  style: TextStyle(
    fontSize: 25.0, //サイズ
    color: Colors.pink, //色
  ),
  value: _text,
  items: [
    DropdownMenuItem(
      child: Text('study'),
      value: 'study',
    ),
    DropdownMenuItem(
      child: Text('tokyo'),
      value: 'tokyo',
    ),
    DropdownMenuItem(
      child: Text('日本語'),
      value: '日本語',
    ),
  ],
  onChanged: (String? value) {
    setState(() {
      _text = value ?? 'Hello';
    });
  },
),

 

IT

Posted by arkgame