How can I add multi container own map - flutter

hello everyone. I have shared an image below. In this image, I need to add a separate container for each Q for me. But there are too many containers. How can I add these containers to those points on the screen? I would be glad if you help.

Related

how to apply neon effects on container in Flutter?

I want to add to come up with the following UI in flutter.
I added two containers with Stack for the desired locations on the screen.
However, I couldn't make them shine and look like the following image.
Thanks
Have a look at the flutter BackdropFilter application and properties, and try to have this over the coloured spots.
BackdropFilter
You could also look at the Glassmorphism package to achieve a similar effect.
Glassmorphism

Flutter Scrollable Stack with Image on top and container below overlapping with circular border

I am trying to build a screen that looks similar to the following:
The main functionality I am looking for is that:
It is scrollable
There is an image in the top half of the screen
Below the image is a container with other information in it. The top of the container should overlap the bottom of the image and have rounded borders.
Would any one be able to help me with this. I've been trying stacks, with positioned container and images within singlechildscroll views but not getting anywhere at all right now.
Any help would be really appreciated.
Many thanks

How can I create a level graph UI in flutter?

I am trying to create a level graph as given in image which changes on level up or down. I not sure what is the right way to achieve this.
Please help. Thanks in advance!
A combination of Stack and CustomPaint might do the trick, check boxes can be Containers in-front of separate CustomPaint so you can change the color of each one depending on the user level.

Flutter - How to create these custom Container shape?

I want to create a custom shape Container in Flutter. Here's how it looks like:
Does anyone know how to create those kinds of Container shapes?
Thanks in advance.

Read already existing Atlas with SpriteKit

I want to load an image atlas I have already stored in my computer as a single image into an application. All of the tutorials I have found so far use the creating folder with the .atlas extension. I already have an image atlas. Do I have to break it up into smaller images or is it possible to use it as it is?
This is the image I am referring to:
Just to make it clear, I am not building a game.
Edit
So, what I want basically is to pick one of the squares inside of the atlas image, and use it to create an image that would appear inside the clear view you see in the screenshot