How to Skip Unsupported Libraries When Building Flutter Web App with Wasm?

Question

I'm developing a Flutter project targeting both mobile and web platforms. I want to build most of the app using WebAssembly (Wasm) for performance. However, the google_maps_flutter package doesn't support Wasm, which causes build issues.

I tried building the entire project with Wasm, but google_maps_flutter caused errors. I expected to find a way to use Wasm for the compatible parts of the app while excluding google_maps_flutter from the Wasm build. Is there a way to conditionally build the app using Wasm for supported components and use google_maps_flutter as normal for the web?

MendelG · Accepted Answer · 2024-07-21 16:52:18Z

1

You may use conditional imports and/or specific platform checks.

Something like:

import 'map.dart'
  if (dart.library.html) 'map__wasm.dart'
  if (dart.library.io) 'map_native.dart';

and:

if (kIsWeb) {...}

See also

How do you detect the host platform from Dart code?

answered Jul 21, 2024 at 16:52

MendelG

20.6k5 gold badges38 silver badges68 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Giga Ananidze Over a year ago

Thanks for response! The code compiles this way, but it currently doesn't include the map functionality on the web. I want to use 'google_maps_flutter' on the web and compile everything else using Wasm. Is there a way to achieve this, where everything except google_maps_flutter is compiled with Wasm, and the map functionality is included when running on the web?

MendelG Over a year ago

@GigaAnanidze I'm currently unsure.

Collectives™ on Stack Overflow

How to Skip Unsupported Libraries When Building Flutter Web App with Wasm?

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related