带你读《深入浅出Dart》二十八、Material和Cupertino组件（2）

带你读《深入浅出Dart》二十八、Material和Cupertino组件（1）https://developer.aliyun.com/article/1348598?groupCode=tech_library

2.Flutter Cupertino风格组件

Cupertino是iOS风格的设计语言，Flutter提供了一系列的Cupertino风格组件，使得应用程序可以在iOS设备上具有原生的外观和行为。

以下是一些常用的Flutter Cupertino风格组件：

1） CupertinoNavigationBar组件

CupertinoNavigationBar是Cupertino风格的导航栏，通常位于页面的顶部，用于显示标题、操作按钮等。

以下是一个简单的CupertinoNavigationBar示例：

CupertinoNavigationBar(
  middle: Text('My App'),
  trailing: CupertinoButton(
    child: Icon(CupertinoIcons.settings),
    onPressed: () {
      // 打开设置页面
    },
  ),)

了解更多：CupertinoNavigationBar组件文档open in new window

2） CupertinoButton组件

CupertinoButton是Cupertino风格的按钮，具有iOS风格的外观和触摸反馈。

以下是一个简单的CupertinoButton示例：

CupertinoButton(
  onPressed: () {
    // 执行操作
  },
  child: Text('Click Me'),)

了解更多：CupertinoButton组件文档open in new window

3） CupertinoAlertDialog组件

CupertinoAlertDialog是Cupertino风格的对话框，用于显示警告、确认或其他相关信息。

以下是一个简单的CupertinoAlertDialog示例：

showDialog(
  context: context,
  builder: (BuildContext context) {
    return CupertinoAlertDialog(
      title: Text('Alert'),
      content: Text('This is an alert dialog.'),
      actions: [
        CupertinoDialogAction(
          child: Text('OK'),
          onPressed: () {
            // 处理按钮点击事件
            Navigator.of(context).pop();
          },
        ),
      ],
    );
  },)

了解更多：CupertinoAlertDialog组件文档open in new window

带你读《深入浅出Dart》二十八、Material和Cupertino组件（3）https://developer.aliyun.com/article/1348596?groupCode=tech_library