25 questions
4
votes
1
answer
72
views
Flutter, need direction on how to create a semicircle carousel indicator
I need direction on how to achieve the infinite semi circle which rotate clock wise or anti-clockwise, where the selected dash colour remains in the middle.
This is the a reference to basically what I ...
- 413
0
votes
1
answer
108
views
Custom Shape in Flutter in BottomSheet
I am working on a Flutter project and need help creating a custom shape for a BottomSheet. I have tried multiple approaches with CustomPainter and Clipper, but I haven't been able to achieve the exact ...
- 1,559
0
votes
0
answers
33
views
How to clip marked area in below image in flutter?
i created chart with custom painter but the problem is i want to set chartbar height fix but the fill color of chart show in entire screen how can i crop upper part of container based on char curves
...
- 1
1
vote
0
answers
193
views
WaterLevel Indicator Flutter Custom Paint
How Can I create this shape using custom paint in Flutter, Here the blue water wave will show the water level in the tank. Two Examples are shown here for 44% and 56%. It will come through zero to ...
0
votes
0
answers
63
views
How to draw an elipse in Flutter that takes as origin point the any corner of a rectable which is draw in
I have the fallowing code to draw ellipses:
enum OriginType { bottomLeft, bottomRight, topLeft, topRight, center }
class Background extends CustomPainter {
final double screenWidth;
final double ...
- 2,037
0
votes
0
answers
41
views
How to draw curve dashed line with point icons and titles in flutter?
In my flutter app i have to draw curve line with image or icon and text like bellow image.
So how i can create UI in flutter as image?
This is my code as below.
class CurveLineMyPainter extends ...
- 615
-1
votes
1
answer
468
views
How to make custom arrow shape in flutter?
In my flutter app I have to create custom shaped arrows like bellow images,
And
So how I can create arrow like shown in this image?
Thank you...
- 615
0
votes
0
answers
115
views
How to capture a whole painting when its scrolled out in flutter custom paint
This is the code - I implemented a custom paint widget to draw a drawing, but when I scroll the things up or down, the painting which is go outside of the screen is not captured.
I work for this thing ...
0
votes
1
answer
788
views
Adding a container on top of custompaint Flutter
Hello fellow Flutter developers,
I'm currently facing an issue with adding a container on top of a custom paint in my Flutter application. I have a custom paint widget that renders a specific drawing, ...
- 125
2
votes
1
answer
108
views
Drawing line is offset when add an appBar - Flu
I'm making a drawing app by Flutter. I can draw a line normally when i put it in a Scaffold with only home. But the problem is when i add an AppBar, the line is offset down from the top, it's not the ...
- 97
1
vote
0
answers
307
views
Curved lines in Graph view flutter
How do I achieve curved lines for connecting nodes in graphite or graph view? Like mind map curves I mentioned the image below but I want to implement the curved arrows in graphite.
0
votes
2
answers
123
views
In Flutter, how do we achieve this UI using custom paint or a custom clipper?
I want to achieve the attached UI widget using custom paint or any other suitable way around, which should work well across different device sizes.
image
- 91
0
votes
2
answers
514
views
Create spiral in flutter
I want to create a spiral in flutter which will have a dynamic fill, something like shown below. One way to create is by using multiple semi-circles, but is there a better way to achieve this?
The ...
- 5,865
0
votes
2
answers
2k
views
How to draw line with curve using Custom Paint for graph - Flutter
Im working on a designing a graph in flutter using CustomPaint.
I have achieved this design using canvas.drawLine().
My question is how to make the sharp edges of line to curved smooth edges?.
My ...
1
vote
2
answers
1k
views
Flutter Custom paint stack object over object
Is it possible to achieve or stack paint object over another like this. I tried many resources for custom painter but was not able to stack the text in center of the circle and applying gradient ...
- 125
0
votes
2
answers
3k
views
How to make Custom shape Container in Flutter?
I have to make container which bottom is triangular shape as below image.
How to create this shape in flutter?
- 615
0
votes
1
answer
299
views
I wanna bucket fill an image but getting how to do it
I am able to color the house but the problem is when i try to color a different section pervious color is being disappear. but the color is being removed when i try to color in different section. I ...
- 17
0
votes
1
answer
344
views
How to show a part of the circle using custom painter?
So I have this card widget to create
how can I create the golden part of the circle using custom painter?.I can create a full circle but how can I just display that small part of the circle and hide ...
0
votes
0
answers
440
views
Flutter CustomPaint Moving a circle along a path
I'm learning CustomPaint by making my own line chart. I have already made the chart itself so now i'm making the things around it. One them is a trackball/line whenever you pan. So far i've made the ...
- 178
1
vote
3
answers
2k
views
Flutter - Hard color stop in linear gradient
I'm using CustomPaint to make a custom shape and I want to apply a color gradient but with hard color stops. Without color transitions.
PS:I cannot use different Paints instead of gradient because of ...
1
vote
1
answer
782
views
How to make custom paint like eaten portion in flutter?
I want to get with custom painter something just like this. How I can draw it? For me not problem borders, gradients. I couldn't draw left part of my assets card. Please, help!
0
votes
1
answer
318
views
How to skip spaces with CustomPaint with Flutter?
I'm trying to achive an ARC in flutter, but with "holes" in it.
What I have:
screen image
What I want:
achive image
My code:
class ProgressArc extends CustomPainter {
bool isBackground;
...
- 28
4
votes
5
answers
3k
views
is it possible to give gradient blur effect in Custom paint in Flutter like below picture?
I am coding the below output and i get the design i want but not able to get the blur effect inside the canvas.
This is the output i am trying to build,
This is what i have tried,
Here is the Code,
...
- 404
1
vote
0
answers
285
views
Custom brush patttern in flutter custom paint
I have created a drawing application in flutter. Its working very well for simple drawing but the issue is I want to implement brush patterns in drawing and there is no option for custom brush style/ ...
7
votes
2
answers
3k
views
How does CustomPainter.shouldRepaint() work in Flutter?
In Flutter, when creating a CustomPainter, there is an override method, shouldRepaint() that you can return either true or false... presumably to tell the system whether or not to repaint the view.
...
- 7,733