Flutter Cupertino 如何构建外观和感觉原生的 iOS应用-CSDN博客

Flutter Cupertino如何构建外观和感觉原生的 iOS应用 https://www.yisu.com/ask/89044653.html

dart 格式化代码的步骤

保存修改后的源文件
在 VSCode 终端中运行 $ dart format .

---------------------------------------------------------

关联参考：

Flutter Cupertino 如何构建外观和感觉原生的 iOS应用 https://blog.csdn.net/ken2232/article/details/143289477

flutter 主程序的运行结构：main() / runApp / MaterialApp ( Cupertino) / Scaffold / home （****） https://blog.csdn.net/ken2232/article/details/143286049

flutter : 布局组件 & 页面组件 https://blog.csdn.net/ken2232/article/details/143257275

================================

Flutter Cupertino如何构建外观和感觉原生的 iOS应用

https://www.yisu.com/ask/89044653.html

Flutter中的Cupertino库提供了一些widget，可以帮助开发者构建外观和感觉原生的iOS应用。下面是一些使用Cupertino库的方法：

1. 使用CupertinoApp作为应用的根部件，它会提供iOS风格的外观和导航栏。

import 'package:flutter/cupertino.dart';
void main() {
  runApp(CupertinoApp(
    home: MyApp(),
  ));
}

2. 使用CupertinoPageScaffold作为页面的根部件，它提供了iOS风格的页面布局，包括导航栏和内容区域。

import 'package:flutter/cupertino.dart';
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return CupertinoPageScaffold(
      navigationBar: CupertinoNavigationBar(
        middle: Text('My App'),
      ),
      child: Center(
        child: Text('Hello, World!'),
      ),
    );
  }
}

使用CupertinoButton、CupertinoTextField和CupertinoActivityIndicator等widget，它们都具有iOS风格的外观和交互效果。

import 'package:flutter/cupertino.dart';
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return CupertinoPageScaffold(
      navigationBar: CupertinoNavigationBar(
        middle: Text('My App'),
      ),
      child: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            CupertinoButton(
              child: Text('Button'),
              onPressed: () {},
            ),
            CupertinoTextField(
              placeholder: 'Enter text',
            ),
            CupertinoActivityIndicator(),
          ],
        ),
      ),
    );
  }
}

3. 使用CupertinoAlertDialog构建iOS风格的对话框。

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return CupertinoPageScaffold(
      navigationBar: CupertinoNavigationBar(
        middle: Text('My App'),
      ),
      child: Center(
        child: CupertinoButton(
          child: Text('Show Alert'),
          onPressed: () {
            showCupertinoDialog(
              context: context,
              builder: (context) {
                return CupertinoAlertDialog(
                  title: Text('Alert'),
                  content: Text('This is an alert dialog.'),
                  actions: [
                    CupertinoDialogAction(
                      child: Text('OK'),
                      onPressed: () {
                        Navigator.pop(context);
                      },
                    ),
                  ],
                );
              },
            );
          },
        ),
      ),
    );
  }
}

4. 这些是使用Cupertino库构建外观和感觉原生的iOS应用的一些常见方法。开发者可以根据自己的需求选择合适的widget和样式来创建iOS风格的界面。