Flutter核心库cupertino详解

cupertino是Flutter的核心库之一，它提供了一些Cupertino风格的widget和样式，可以让我们更容易地创建iOS风格的应用程序。在本文中，我们将对cupertino库中一些常用的widget和样式进行详细介绍。

CupertinoApp

CupertinoApp是一个Cupertino风格的顶层widget，用于创建一个iOS风格的应用程序。它提供了一些Cupertino特有的样式和主题，可以让我们更容易地创建漂亮的iOS应用程序。

例如，以下代码创建了一个CupertinoApp，并使用了一些Cupertino特有的主题和样式：

CupertinoApp(
  title: 'My App',
  theme: CupertinoThemeData(
    brightness: Brightness.light,
    primaryColor: CupertinoColors.activeBlue,
  ),
  home: MyHomePage(),
);

在这个例子中，我们定义了一个明亮的主题，并将应用程序的主页设置为MyHomePage。

CupertinoButton

CupertinoButton是一个Cupertino风格的按钮widget，它具有iOS风格的外观和行为。它通常用于在iOS应用程序中显示主要操作。

例如，以下代码创建了一个CupertinoButton：

CupertinoButton(
  child: Text('Button'),
  onPressed: () {
    // do something
  },
);

CupertinoTextField

CupertinoTextField是一个Cupertino风格的文本框widget，它具有iOS风格的外观和行为。它通常用于在iOS应用程序中收集用户输入。

例如，以下代码创建了一个CupertinoTextField：

CupertinoTextField(
  placeholder: 'Enter your name',
  onChanged: (value) {
    // do something
  },
);

CupertinoNavigationBar

CupertinoNavigationBar是一个Cupertino风格的导航栏widget，它通常用于在iOS应用程序中显示页面标题和导航按钮。

例如，以下代码创建了一个CupertinoNavigationBar：

CupertinoNavigationBar(
  middle: Text('My App'),
  trailing: CupertinoButton(
    child: Icon(Icons.search),
    onPressed: () {
      // do something
    },
  ),
);

在这个例子中，我们定义了一个标题为'My App'的导航栏，并在导航栏的右侧添加了一个搜索按钮。

CupertinoTabBar

CupertinoTabBar是一个Cupertino风格的标签栏widget，它通常用于在iOS应用程序中显示多个页面之间的导航。

例如，以下代码创建了一个CupertinoTabBar：

CupertinoTabBar(
  items: [
    BottomNavigationBarItem(
      icon: Icon(Icons.home),
      label: 'Home',
    ),
    BottomNavigationBarItem(
      icon: Icon(Icons.settings),
      label: 'Settings',
    ),
  ],
  onTap: (index) {
    // do something
  },
);

在这个例子中，我们定义了两个标签，一个是'Home'，另一个是'Settings'，并在点击标签时触发了一个回调函数。