I have to design a QR Code scanner widget and need to design something like this in flutter. I want to know if this is possible using the widgets and shapes baked into flutter.
Related
I am developing a app where I need this design. Can you tell me how can I achieve this in flutter?
image of the ui
I tried with circular slider. But can not achieve the ui.
I want to create different locations circles shaped from the app bar using flutter, like this
image also without using packages?
This article about flutter custom paints may help a link
I'm trying to recreate a UI in flutter that looks like this I need to get this shapes in the position they appear in the image above, I did some research and came across Flutter Custom Paint, tried checking for tutorials on how to use it to achieve this design but can't find anything that points me in the right direction. Please is there anyway in flutter to recreate this UI?
Instead of complicating things
You can use stack for overlapping
And for that circles you can use containers with borderradius
and using positioned widget to position the circles based on your need
MORE THAN THIS
you can export that design as an image and use
Stack{
children[
THAT IMAGE,
YOUR UI,
]}
I was looking into building a game with Flutter. I have made multiple apps with Flutter already, but haven't really used the CustomPainter widgets a lot. I can make a lot of the UI I want to with Widgets rather than creating my own custom shape. So how do I convert a widget to an object that I can render on the canvas?
I know there are game/sprite engines written for Flutter, but my goal is to better understand painting and widgets, so I want to do this myself.
If I wanted a bunch of small widgets that could move around on a gameboard, what would be the best way to do this? Would I just create a box widget with fixed dimensions and have a bunch of children where I could control their position?
One example would be having a playing area with scrabble tiles that could be moved around. Or Tetris blocks falling. Different widgets that can be anywhere and that can be moved. I'm just looking for someone to point me in the right direction. Thanks.
You can draw custom shapes and lines using canvas in flutter and then animate them as flutter supports 60 frames per second. You need to understand customPaint very well. Here is a great demonstration of how to use customPaint to draw custom shapes.
https://medium.com/#rjstech/flutter-custom-paint-tutorial-build-a-radial-progress-6f80483494df