Flutter for web 最新填坑，kotlin教学

2023-10-07 08:27:58

代码文件路径: packages/flutter/lib/src/foundation/constants.dart

你可以通过下面方式来区分web还是io,哈哈哈，这是隐形的吐槽 js吗？

/// A constant that is true if the application was compiled to run on the web.
///
/// This implementation takes advantage of the fact that JavaScript does not
/// support integers. In this environment, Dart’s doubles and ints are
/// backed by the same kind of object. Thus a double 0.0 is identical
/// to an integer 0. This is not true for Dart code running in AOT or on the
/// VM.
const bool kIsWeb = identical(0, 0.0);

Goolge开发者大会上，发布了Flutter 1.9，更新内容很多，其中一项就是Web sdk 合入了Flutter sdk。也就是说我们可以真正做到一套代码打包android/ios/web/桌面(mac,windows,linux). 下面请跟着我走一边坑。

开启web支持

命令 flutter config --enable-web 开启之后，我们可以看到device中多了Chrome和Server的web选项。

转换旧的flutter_web项目

如果你之前没有使用package:flutter_web，那直接跳到新建一个flutter web app

官方wiki地址 Upgrading from package:flutter_web to the Flutter SDK

main.dart

旧的项目在web文件夹下面自动生成了一个main.dart

里面主要做的事情是webOnlyInitializePlatform初始化，这个代码跟桌面版本是相似的，并且引导lib下面的main.dart的入口

import ‘package:flutter_web_ui/ui.dart’ as ui;
import ‘package:json_to_dart/main.dart’ as app;

main() async {
await ui.webOnlyInitializePlatform();
app.main();
}

在新的web中，不再需要设置，而且web文件夹里面也不需要这个main.dart了。

我们随便看一下桌面版本的设置

void main() {
// See https://github.com/flutter/flutter/wiki/Desktop-shells#target-platform-override
debugDefaultTargetPlatformOverride = TargetPlatform.fuchsia;