Solving Cross-Platform Import Issues in Flutter (Web & Mobile) 🌐📱 As Flutter developers, managing platform-specific imports for mobile and web often leads to separate branches and frustrating compile-time errors. To solve this, I’ve created a simple, efficient solution using an abstract class that differentiates platform-specific imports withou…

common_web_import.dart

import 'dart:convert';
import 'dart:typed_data';
import 'dart:html' as html;
import 'dart:js' as js;

CustomPlatform getInstance() => CommonImport();

class CommonImport implements CustomPlatform {
 
  @override
  void removeLocalStorage() {
    html.window.localStorage.remove('okta-token-storage');
  }

  @override
  void copyHtmlFromWeb(String content) {
    js.context.callMethod('copyHtmlToClipboard', [content]);
  }

  @override
  getBlob(Uint8List wavData) {
    return html.Blob([wavData]);
  }

}

how_to_use.dart

import 'package:flutter/material.dart';
import 'web_abstract_class.dart';

void initApp() async {
  if (kIsWeb) {
    CustomPlatform().removeLocalStorage();
  }
  runApp(const MyApp());
  return;
}

web_abstract_class.dart

import 'dart:typed_data';

import 'platform_helper.dart'
    if (dart.library.html) 'package:bhsf_provider/core/helpers/common_web_import.dart';

abstract class CustomPlatform {

  factory CustomPlatform() => getInstance();

  dynamic getBlob(Uint8List wavData);

  void copyHtmlFromWeb(String content);

  void removeLocalStorage();

}