CupertinoPicker 在选中时变更当前的字体样式 有map数组数据

您好！感谢您的提问。根据您的描述，您想要在CupertinoPicker选中时动态地变更当前字体样式，并且您可能有一个包含字体样式映射数组的数据结构。以下是一个示例代码片段，它演示了如何使用CupertinoPicker和字体样式映射数组来实现您的需求：

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  int _selectedFontIndex = 0;

  final List<Map<String, dynamic>> _fontStyles = [
    {
      'name': 'Regular',
      'style': TextStyle(
        fontFamily: 'Roboto',
        fontWeight: FontWeight.normal,
        fontSize: 24.0,
      ),
    },
    {
      'name': 'Bold',
      'style': TextStyle(
        fontFamily: 'Roboto',
        fontWeight: FontWeight.bold,
        fontSize: 24.0,
      ),
    },
    {
      'name': 'Italic',
      'style': TextStyle(
        fontFamily: 'Roboto',
        fontStyle: FontStyle.italic,
        fontSize: 24.0,
      ),
    },
  ];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('CupertinoPicker Demo'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text(
              'Selected font style:',
              style: _fontStyles[_selectedFontIndex]['style'],
            ),
            SizedBox(height: 16.0),
            CupertinoPicker(
              scrollController: FixedExtentScrollController(
                initialItem: _selectedFontIndex,
              ),
              itemExtent: 64.0,
              onSelectedItemChanged: (int index) {
                setState(() {
                  _selectedFontIndex = index;
                });
              },
              children: List<Widget>.generate(_fontStyles.length, (int index) {
                return Center(
                  child: Text(
                    _fontStyles[index]['name'],
                    style: _fontStyles[index]['style'],
                  ),
                );
              }),
            ),
          ],
        ),
      ),
    );
  }
}

在这个示例中，我们在`_MyHomePageState`类中定义了一个`_selectedFontIndex`变量，它表示当前选中的字体样式在字体样式映射数组`_fontStyles`中的索引。我们还定义了一个包含三个字体样式的字体样式映射数组。在`build`方法中，我们首先使用`Text`小部件来显示当前选中的字体样式的名称和样式。然后，我们使用`CupertinoPicker`小部件来显示字体样式映射数组中的所有字体样式。当用户选择不同的字体样式时，我们通过`onSelectedItemChanged`回调更新`_selectedFontIndex`变量，并在`Text`小部件中显示新的选中字体样式的名称和样式。

希望这可以回答您的问题，如果您有任何其他问题，请随时问我。