I am integrating a figma model in flutter.
I have to put the background below.
https://cdn.discordapp.com/attachments/891769943119503452/1072637788882743397/image.png
I first thought to integrate it using the svg generated by figma but I realized that the svg was not supported by flutter natively. So I used the pub dev flutter_svg but my svg contains filters and the filters are not supported by the library.
Is there another way to integrate a svg in flutter? If not, is using a png as a background an appropriate solution?
Related
If I have an app that creates svg drawings, can it be done with flutter using flutter_svg.
I want to show a svg image in splash screen.
I tried flutter_native_splash package but it's only work with jpg & png. Is there any alternative way to add svg image to splash screen?
You could implement it manually for Android and iOS like described in the docs.
For Android you can use a tool like Respresso to convert your SVG to an Android vector drawable.
Xcode 12 and higher also supports SVG in storyboards as far as I know.
Here I have a blocker in development. I want to create a UI by which I can change my profile picture after croping image, and this is a web application So how can I achieve this task like crop image and chang dp for web using flutter.
I haven't tested it yet, but this looks very promising:
https://pub.dev/packages/extended_image
I cannot find a Flutter slideshow or carousel package that allows me to animate images. The transition effect I want to use is a simple crossfade. I tried a lot of flutter packages without success. Thanks
I use adobe xd for Designing UI for flutter and I use xd to flutter plugin
Is there a way for these designs to be displayed the same in all versions of Android and ios?
With different screen sizes?
thanks
Make the app responsive
To enable Responsive Resize:
Select the artboard in Design mode.
In the Property inspector, click the power button to toggle Responsive Resize on.
More infos here
With this Adobe will scale your App responsive.
Flutter also automatically scales its apps in a responsive manner
Adobe XD to Flutter
To port your App from Adobe XD to Flutter you can use this Adobe XD plugin.
Here a full totorial about this.
But it can always be that some things are not transmitted correctly, so I would recommend that you know a little about Flutter.