In my project, my API sends to me HTML String and on it, their image tags
<img src=\"https://static.ghost.org/v3.0.0/images/gallery-sample-1.jpg\" width=\"6000\" height=\"4000\">
like this and I want to change the image width and height by using flutter_html library. I mean I want to make custom image size.
Related
I am trying to display on a flutter app (here on the desktop version) this kind of interactive svg:
Svg flame graph
The problem is that since Flutter doesn't support svg by default, they only a few solution to it. The flutter_svg package doesn't work in my case because it render a picture. So the interactivity will not work. We can't click on the svg and have the data changing according to where we clicked.
In addition, we have a potential search with text that is included in this svg. Finally, this svg provided is only an example but in my project a svg of this type will be generated depending on the user need. So, I can't "hard code" the svg in my project.
So, do you have any ideas how to display that kind of svg in an flutter app?
I have svg image(export from Adobe Xd). For the correct display of this file, I need to install an additional font in the system(MAC or Windows) - then the picture is displayed correctly, without this font it is incorrect. but I need to display this drawing in application. I using flutter_svg plugin. I download ttf of font, add in assets and pubspec. But after that it doesn't work either. how add custom font for svg image(with flutter_svg)?
i need an example of launch_background.xml file in android folder that contains and image and (text)...basically my main problem is that i can't place text in this splash screen..so to be specific...i want to achieve splash screen that contains and image and under it there is some text...
i achieved the image preview with bitmap tag inside of an item tag
but no Textview tag can be placed inside layer-list tag :( (not showing)
i know that i can make the text as an svg file and place it in item tag..but i want to do it with TextView tag...so i can control it
any help would be much appreciated...thanks in advance.
Ok to give a solution to my own problem... at first I didn't like to place my text inside a separate .png file for the purpose of reducing the apk file size. I placed it inside an svg file for the size purpose but I couldn't place that text in svg beneath the centered image... unless by hardcoding values with the attributes: "android:gravity=center" "android:top=200dp" ...and I don't feel comfortable with hardcoded values... so I searched and found this package "flutter_native_splash" Flutter Native Splash.
Placed the desired image and beneath it the desired text and the package generated the appropriate image densities for the various screens containing the image and text...
I have used a decorative image in my Flutter image using the Image class.
When I use Android Talkback to hover over the image it says "unlabelled image", is there a way to remove this description so nothing is announced?
The Android docs have guidance on removing it for Android, how should I do this in Flutter?
Decorative images or images that don't convey meaningful information
graphically do not require content labels. In these cases, set an
android:contentDescription attribute of "#null" or an
android:importantForAccessibility attribute of "no".
Im using fancybox popup for images. I want to check if a loaded image is svg then assign custome width height for overwirte actual size of a image.pls advice
Simply use this demo https://codepen.io/fancyapps/pen/rYQogO?editors=1010 (from the docs) as an example. This is how you can check current source - current.src