dart 如何在Flutter中更改下拉菜单的边框颜色?

q3qa4bjr  于 11个月前  发布在  Flutter
关注(0)|答案(2)|浏览(129)

如何更改下拉菜单的边框颜色?我想更改下拉菜单的边框颜色。

uqxowvwt

uqxowvwt1#

使用下面的代码更改边框颜色。

InputDecorator(
      decoration: const InputDecoration(
        focusedBorder: OutlineInputBorder(
            borderSide: BorderSide(
          color: Colors.red, // Set your desired border color
        )),
        enabledBorder: OutlineInputBorder(
            borderSide: BorderSide(
          color: Colors.red, // Set your desired border color
        )),
      ),
      child: DropdownButtonHideUnderline(
        child: DropdownButton<String>(
          value: selectedValue,
          onChanged: (String? newValue) {
            setState(() {
              selectedValue = newValue;
            });
          },
          items: [
            DropdownMenuItem<String>(
              value: 'Option 1',
              child: Text('Option 1'),
            ),
            DropdownMenuItem<String>(
              value: 'Option 2',
              child: Text('Option 2'),
            ),
            DropdownMenuItem<String>(
              value: 'Option 3',
              child: Text('Option 3'),
            ),
          ],
        ),
      ),
    )

字符串

wpx232ag

wpx232ag2#

我可以通过添加inputDecorationTheme来更改边框颜色

DropdownMenu(
  dropdownMenuEntries: [],
    inputDecorationTheme: InputDecorationTheme(
      enabledBorder: OutlineInputBorder(
        borderSide: BorderSide(
          color: Colors.red,
      ),
    ),
  ),
),

字符串

相关问题