Flutter Web实战项目打造真正跨平台应用（windows，android，ios，linux，macos，web）

在Flutter中，你可以使用条件编译来为不同平台提供平台特定的代码。以下是一个简化的例子，展示如何为Flutter Web项目提供跨平台支持：

import 'package:flutter/foundation.dart' show kIsWeb;
import 'package:flutter/material.dart';
 
void main() {
  runApp(MyApp());
}
 
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: HomePage(),
    );
  }
}
 
class HomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Text(kIsWeb ? 'Web 平台特定的文本' : '非Web 平台特定的文本'),
      ),
    );
  }
}

在这个例子中，kIsWeb 是 Flutter 提供的一个标识符，用来判断应用是否运行在 Web 平台。你可以使用类似的方法来为 Web 平台提供特定的功能或UI。例如，你可以使用 dart:html 来访问DOM，或者使用 dart:js 来调用JavaScript函数。

对于更复杂的情况，你可以使用包如 universal_html，它提供了Web和Server平台的兼容HTML和Dart API。

import 'package:universal_html/html.dart' as html;
 
void main() {
  if (kIsWeb) {
    // Web 平台代码
    html.window.alert('这是Web平台的弹窗');
  } else {
    // 非Web平台代码
    print('这是非Web平台的日志输出');
  }
}

使用 universal_html 可以让你在Web和移动应用之间共享更多代码，减少维护成本和提高代码一致性。但要注意，Web特有的代码应该只在 kIsWeb 条件下执行，以避免在非Web平台上引发错误。