show and Interact with SVG in flutter - flutter

I have SVG photo which have css styling and java script to make effects to the photo. i try to use the image in flutter using flutter_svg but the problem is it show only the picture .. my problem i hope css hover style for paths working and can read java script events from flutter

You could try and load the svg in a webview perhaps but considering webview for flutter is in preview stages, it might not have all the functionalities needed.

Related

Flutter: Use specific material icons without the whole MaterialIcons-Regular.otf

I am building a Flutter web app. I use a handful of material icons, but it brings the whole MaterialIcons-Regular.otf file with it. It is of 1.6 MB and takes time to load.
Is there a way to only bring the icons I need?
I can only think of using the icons as SVGs and bringing them separately with flutter_svg package.

How to find UI widget for just_audio flutter

i am using just_audi plugin but cannot find the following in their docs
also pause method , resume , buffering progress ..
where could i find these UI's widget
any links or docs most welcome thanks
Generally these icons and UI components are included in Material components
The pause icon is like
Icon(Icons.pause) etc...
Here you can find a huge list of icons https://api.flutter.dev/flutter/material/Icons-class.html
and also a lot of Material UI components
https://docs.flutter.dev/development/ui/widgets/material

Is it possible to wrap Poppler with Flutter?

It is my hobby project. I want to view pdf documents in my Flutter app.
I want to use Poppler C++ library and wrap it with Flutter using dart ffi.
I just checked the library but can't find any way to start.
Is it possible to wrap it with Flutter? If yes, I need a guideline to start the project.
Thanks a lot!

Alternative way to flutter webview

How to display a piece of code in flutter application like image below
I tried to use flutter_webview package but i didn't like it.
I am asking if is there any alternative way i can use to display them
To show code in your flutter app you can use markdown and next package:
https://pub.dev/packages/flutter_markdown

flutter-mapbox-gl Style is not coming

"I"m integrating MapBox in my existing flutter app, and I am able to see the Map, and can hover over the map, it changes it coordinates and other embedded features. However, the style is not coming, ie, map is not displayed properly.
I am just trying to get the minimum workable Map, so I can add desired features on top of that.
When I run the code as it is, from https://github.com/tobrun/flutter-mapbox-gl , as a new project on IntelliJ Idea, it all looks fine.
So it seems like, style is missing, but I can't figured out what else to include.
I copied map_ui.dart code in my class, and calling the class from home page of our flutter app.
Apart of this, I added, mapbox_gl: ^0.0.3 dependency in pubspec.yaml file
I expect the following
Output Map
. However, my code is displaying the following
Current Map
Flutter Mapbox GL Native
[edit:] Updated the current screen shot, after wrapping the widget in a Scaffold
So after wrapping the widget in a Scaffold, this is looking good now!
And, I had to zoom in a bit to see the image.
Latest Screen Shot