CupertinoPicker textStyle flutter

Sim*_*ne 3 flutter flutter-layout cupertinopicker flutter-cupertino

我是颤振的新手,我需要帮助。

我正在创建一个应用程序,用户可以在其中通过CupertinoPicker选择数据。

选择器工作正常,但我想改变它的风格。

目前的风格就像是那个,但我希望它是像那个

不幸的是我不明白怎么做,我读了这个但我不能这样做,我想更改所选元素的颜色和大小,未选中元素的颜色和线条的颜色。

但我不知道我该怎么做。

请问有人能帮我理解吗?

代码是这样的

Container(

          ?child: _showCupertinoPicker(
           context,
           book[currentPage].orari.map((orario) {
           return Center(
                     child: Text(orario,
                     style: TextStyle(color: CupertinoColors.activeBlue

                         )));
           }).toList())),
.
.
.
.

_showCupertinoPicker(BuildContext context, List<Widget> orariWidget) {
  return CupertinoPicker(
    backgroundColor: Colors.white,
    onSelectedItemChanged: (value) {},
    itemExtent: 40.0,
    children: orariWidget,
  );
}
Run Code Online (Sandbox Code Playgroud)

kas*_*hlo 9

可以像这样设计CupertinoPickerCupertinoDatePicker使用主题:

ThemeData(
  cupertinoOverrideTheme: CupertinoThemeData(
    textTheme: CupertinoTextThemeData(
      dateTimePickerTextStyle: TextStyle(color: Colors.blue, fontSize: 16),
      pickerTextStyle: TextStyle(color: Colors.blue, fontSize: 12),
     )
   )
  )
)
Run Code Online (Sandbox Code Playgroud)


Sub*_*aha 5

将 CupertinoPicker() 与另一个名为 CupertinoTheme() 的小部件包装为

CupertinoTheme(
     data: CupertinoThemeData(
         textTheme: CupertinoTextThemeData(
             pickerTextStyle: TextStyle(//Your normal TextStyling)
         ),
     ),
     child:CupertinoPicker(//Your Cupertino Picker)
)
Run Code Online (Sandbox Code Playgroud)