面试题：Flutter中如何使用Cupertino组件实现iOS风格的按钮

Question

请描述在Flutter项目中，利用Cupertino组件库创建一个具有iOS风格的按钮，需阐述使用的具体组件及如何设置基本样式，如颜色、文本等。

Answer 1

在Flutter项目中，利用Cupertino组件库创建iOS风格按钮可使用CupertinoButton组件。

引入Cupertino组件库

在文件开头导入cupertino.dart库：

import 'package:flutter/cupertino.dart';

创建CupertinoButton并设置样式

CupertinoButton(
  color: CupertinoColors.activeBlue, // 设置按钮颜色
  child: Text(
    'iOS风格按钮', // 设置按钮文本
    style: TextStyle(color: CupertinoColors.white), // 设置文本颜色
  ),
  onPressed: () {
    // 按钮点击事件处理逻辑
  },
)

在上述代码中：

1. CupertinoButton是创建iOS风格按钮的主要组件。
2. color属性用于设置按钮的背景颜色，这里使用CupertinoColors.activeBlue，这是Cupertino风格的蓝色。
3. child属性接收一个Text组件，用于显示按钮上的文本，通过TextStyle的color属性设置文本颜色为白色。
4. onPressed属性定义按钮被点击时执行的逻辑。若设置为null，按钮将处于禁用状态。