👨🏻‍💻's 博客

环境

Flutter 3.29

macOS Sequoia 15.4.1

Xcode 16.3

iOS 13.4.1
iOS 18.5

集成image_picker

在Flutter中可以使用image_picker插件实现从相册中获取图片

添加插件

flutter中访问相册image_picker插件

1
2

¥ flutter pub add image_picker
¥ flutter pub get

曝光

Flutter上CupertinoSlider组件的样式是iOS上的Slider,使用该组件控制曝光量，
Camera插件提供的API是CameraController的

1
2
3

Future<double> setExposureOffset(double offset) async {
...
}

最后调用iOS端的系统方法控制曝光值

1

- (void)setExposureTargetBias:(float)bias completionHandler:(nullable void (^)(CMTime syncTime))handler API_AVAILABLE(ios(8.0), macCatalyst(14.0), tvos(17.0)) API_UNAVAILABLE(macos, visionos);

环境

Flutter 3.29

macOS Sequoia 15.4.1

Xcode 16.3

集成

1. 创建一个带有 State 类的 StatefulWidget 组件
2. 添加一个变量到 State 类来存放 CameraController
3. 添加另外一个变量到 State 类中来存放 CameraController.initialize() 返回的 Future
4. 在 initState() 方法中创建并初始化控制器
5. 在 dispose() 方法中销毁控制器

环境

Flutter 3.29

macOS Sequoia 15.4.1

Xcode 16.3

集成

Flutter提供了camera插件来拍照和录视频，它提供了一系列可用的相机，并使用特定的相机展示相机预览、拍照、录视频。

添加依赖

• camera: 提供使用设备相机模块的工具
• path_provider: 寻找存储图片的正确路径
• path: 创建适配任何平台的路径

环境

Flutter 3.29
macOS Sequoia 15.4.1
Xcode 16.3

配置

安装依赖包

默认情况下，Flutter只提供美式英语的本地化，可以通过flutter_localizations这个package来实现国际化。

创建flutter工程后执行

1
2

¥ flutter pub add flutter_localizations --sdk=flutter
¥ flutter pub add intl:any

执行后的pubspec.yaml文件的效果

1
2
3
4
5
6
7

dependencies:
  flutter:
    sdk: flutter
  cupertino_icons: ^1.0.8
  flutter_localizations:
    sdk: flutter
  intl: any

数据库

1
2

$ flutter pub add sqlite
$ flutter pub get

1

$ flutter run

运行失败，看是编译报错,打开Xcode工程 ⌘ + B 编译

对比 GSYGithubAppFlutter 的Xcode工程Build Phases > [CP] Embed Pods Frameworks 有sqfite.framework。本地默认的Flutter工程默认未生成Podfile

然后查看 GSYGithubAppFlutter

日志

使用print方法时,会提示

添加依赖

1

$ flutter pub add logger

下载依赖

1

$ flutter pub get

线程和异步

编写异步代码

Dart采用单线程执行模型,支持Isolates(在另一个线程上运行Dart代码)、事件循环和异步编程。除非生成一个Isolates，否则Dart代码将在主UI线程中运行，并由事件循环驱动。Flutter的事件循环相当于iOS的主线程上的RunLoop。

Dart的单线程模型,不代表阻塞型的操作都会导致UI卡顿。实际上可以采用Dart语言提供的异步功能比如async/await来执行异步的操作。

环境

Flutter 3.29
macOS Sequoia 15.4.1
Xcode 16.3

控制器(ViewControllers)

在UIKit中,通过ViewController控制数据在视图上展现,多个ViewController组合在一起构建复杂的用户界面。在Flutter中,因为所有都是Widget,所以ViewController相关的功能也由Widget来承担。

生命周期事件

在UIKit中可以重写自定义控制器的生命周期的方法,或注册AppDelegate的回调。在Flutter3.13前,没有这个概念,但是可以通过监听WidgetsBinding观察者和didChangeAppLifecycleState()改变事件来实现

导航

两个页面之间切换

UIKit中,使用UINavigationController来管理视图。Flutter中通过Navigator和Routes来实现相似的功能。

一个Route是一个应用中屏幕或页的抽象,Navigator是一个Widget来管理这些Routes。Route可以粗略的认为是一个UIViewController，Navigator类似iOS中的UINavigationController，可以push和popRoutes。

切页面有两种方法

• 指定一个路由的映射表
• 直接导航到一个Route