Flutter CupertinoPageScaffold Widget使用详解

CupertinoPageScaffold Widget是一个Cupertino风格的页面布局小部件，它可以让您快速创建iOS风格的页面布局。它包含一个导航栏和一个内容部分，类似于Flutter中的Scaffold Widget。

CupertinoPageScaffold Widget具有以下属性：

• navigationBar: 一个CupertinoNavigationBar类型的值，表示页面的导航栏。
• backgroundColor: 一个Color类型的值，表示页面的背景颜色。
• resizeToAvoidBottomInset: 一个bool类型的值，表示是否将页面大小调整为避免底部插图。这在输入表单等需要软键盘的情况下非常有用。

下面是一个使用CupertinoPageScaffold Widget的例子：

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return CupertinoPageScaffold(
      navigationBar: CupertinoNavigationBar(
        middle: Text('My App'),
        backgroundColor: Colors.white,
        actionsForegroundColor: Colors.blue,
        trailing: CupertinoButton(
          child: Text('Settings'),
          onPressed: () {
            Navigator.of(context).push(
              CupertinoPageRoute(builder: (context) => SettingsPage()),
            );
          },
        ),
      ),
      backgroundColor: Colors.white,
      child: Center(
        child: Text('Hello, world!'),
      ),
    );
  }
}

在上面的例子中，我们使用了CupertinoPageScaffold Widget来创建一个iOS风格的页面布局。我们设置了导航栏的中间部件为一个Text Widget，背景颜色为白色，右侧部件为一个CupertinoButton Widget。页面的主体内容是一个居中的Text Widget。

总之，CupertinoPageScaffold Widget是一个非常有用的Cupertino风格的小部件，可以让您快速创建iOS风格的页面布局，并提供一致的用户体验。