如何添加动画?
在 iOS 里,调用视图的 animate(withDuration:animations:) 方法来创建动画。
Animation<double> 的子类 AnimationController 来暂停、播放、停止以及逆向播放动画
Ticker 在垂直同步 (vsync) 的时候发出信号
运行的时候创建一个介于 0 和 1 之间的线性插值
可以创建一个或多个 Animation,并将它们绑定到控制器上
如何渲染到屏幕上?
在 iOS 里,可以使用 CoreGraphics 绘制线条和图形到屏幕上。
绘制的类:CustomPaint 和 CustomPainter
CustomPainter实现自定义的绘制算法
如何设置视图 widget 的透明度?
在 iOS 里,视图都有一个 opacity 或者 alpha 属性。
Flutter 里,大部分时候你都需要封装 widget 到一个 Opacity widget 中来实现这一功能。
如何构建自定义 widget?
组合更小的 Widget 来创建自定义 Widget
如何在两个页面之间切换?
在 iOS 里,多个 viewcontroller 中切换,使用 UINavigationController 管理 viewcontroller 构成的栈进行显示。
使用 Navigator 和 Route 在同一个 Activity 内的不同界面间进行跳转
Route 是应用内屏幕和页面的抽象,Navigator 是管理路径 route 的工具
Navigator 可以通过对 route 进行压栈和弹栈操作实现页面的跳转。
Navigator 的工作原理和栈相似, route 压栈 (push()),route 弹栈 (pop())
Navigator 类负责 Flutter 的导航,并用来接收被压栈的 route 的返回值。这是通过在 push() 后返回的 Future 上 await 来实现的。
如何跳转到其他应用?
在 iOS 里,想要跳转到其他应用,可以使用特定的 URL scheme。
Flutter 使用 url_launcher 插件
如何退回到 iOS 原生的 viewcontroller?
在 Dart 代码中调用 SystemNavigator.pop() 将会调用下面的 iOS 代码:
UIViewController* viewController = [UIApplication sharedApplication].keyWindow.rootViewController;
if ([viewController isKindOfClass:[UINavigationController class]]) {
[((UINavigationController*)viewController) popViewControllerAnimated:NO];
}
如何编写异步代码?
Dart 有一个单线程执行的模型
支持 Isolate (在另一个线程运行 Dart 代码的方法)
Isolate 是一个事件循环和异步编程方式
Flutter 中的事件循环类似于 iOS 中的 main loop—,也就是主线程上的 Looper。
如何让你的任务在后台线程执行?
Flutter 是单线程并且运行一个事件循环
无须担心线程的管理以及后台线程的创建
执行和 I/O 绑定的任务(例如存储访问或者网络请求,那么你可以安全地使用 async/await)
你需要执行消耗 CPU 的计算密集型工作,那么你可以将其转移到一个 Isolate 上以避免阻塞事件循环
Isolate 来利用多核处理器的优势执行耗时或计算密集的任务
Isolate 是独立执行的线程,不会和主执行内存堆分享内存。
如何发起网络请求?
Flutter 中使用流行的 http 包 进行网络请求
展示耗时任务的进度
iOS 里,在后台运行耗时任务时,会使用 UIProgressView。
使用 ProgressIndicator widget。通过代码逻辑使用一个布尔标记值控制进度条的渲染。
build 方法被拆分成三个不同的方法。如果 showLoadingDialog() 返回 true(当 widgets.length == 0),渲染 ProgressIndicator。否则,在 ListView 里渲染网络请求返回的数据。
字符串存储在哪里?如何处理本地化?
iOS 里有 Localizable.strings 文件
Flutter 只支持美式英语的本地化字符串。如果你需要添加其他语言支持,请引入 flutter_localizations 库。同时你可能还需要添加 intl 库来使用 i10n 机制,比如日期 / 时间的格式化等。
CocoaPods 相当于 Flutter 中的什么?如何添加依赖?
在 iOS 里,可以通过 Podfile 添加依赖
Flutter 使用 Dart 构建系统和 Pub 包管理器来处理依赖
ViewControllers 相当于 Flutter 中的什么?
在 iOS 里,ViewController 是用户界面的一部分,通常是作为屏幕或者其中的一部分来使用
Flutter 中的屏幕也是使用 Widgets 表示的,因为“万物皆 widget!”。
Naivgator 在不同的 Route 之间切换,而不同的路由则代表了不同的屏幕或页面,或是不同的状态,也可能是渲染相同的数据。
如何监听 iOS 中的生命周期?
在 iOS 里,可以重写 ViewController 的方法来捕获自身的生命周期,或者在 AppDelegate 中注册生命周期的回调。
Flutter 中在 WidgetsBinding 的 observer 中挂钩子,监听 didChangeAppLifecycleState() 事件,来实现相应的功能。
可监听的生命周期事件有:
**inactive :**应用当前处于不活跃状态,不接收用户输入事件。这个事件只在 iOS 上有效,Android 中没有类似的状态。
**paused:**应用当前处于用户不可见状态,不接收用户输入事件,但仍在后台运行。
**resumed:**应用可见,也响应用户输入。
**suspending:**应用被挂起,在 iOS 平台没有这一事件。
UITableView 和 UICollectionView 相当于 Flutter 中的什么?
在 iOS 里,你可能使用 UITableView 或者 UICollectionView 来展示一个列表。
在 iOS 中,你通过 delegate 方法来确定显示的行数,相应位置的 cell,以及 cell 的尺寸。
在 Flutter 里,你可以使用 ListView 来达到类似的实现。
如何确定列表中被点击的元素?
在 iOS 里,可以通过 tableView:didSelectRowAtIndexPath: 代理方法来实现。
Flutter 通过 widget 传递进来的 touch 响应处理来实现。
如何动态更新 ListView?
在 iOS 里,可以更新列表的数据,然后通过调用 reloadData 方法来通知 tableView 或者 collectionView。
在 Flutter 里,如果你在 setState() 中更新了 widget 列表,你会发现展示的数据并不会立刻更新。这是因为当 setState() 被调用时,Flutter 的渲染引擎回去检索 widget 树是否有改变。当它获取到 ListView,会进行 == 判断,然后发现两个 ListView 是相等的。没发现有改变,所以也就不会进行更新。
一个推荐的、高效且有效的方法就是使用 ListView.Builder 来构建列表。当你的数据量很大,且需要构建动态列表时,这个方法会非常好用。
如何给 Flutter 的 widget 添加点击事件?
在 iOS 里,通过把 GestureRecognizer 绑定给 UIView 来处理点击事件。