Questions tagged [flutter-custompainter]
95 questions
1
vote
1 answer
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!

Tologon Kudaiberdi
- 53
- 1
- 5
0
votes
0 answers
Flutter: Animate parts of a CustomPaint() Widget
I'm currently working on a custom Navigation Bar which utilizes the CustomPainter class. The static navigation is already done and looks totally fine.
It looks like this:
enter image description here
My problem is that I'm trying to apply an…

Time
- 1
- 1
0
votes
0 answers
Flutter paintImage randomly doesn't pain elements
I'm using a bit of code to display locations on a map using Flutter paintImage. Basically, I have a png of a map given to me by my backend, as well as a list of Offset where I want to place a pin image. I added the pin image in my asset folder and…

Tom
- 163
- 1
- 11
0
votes
1 answer
How can i make this curly design in flutter?
Does any one know how you can make this in flutter? I used to custom painter and i got the curles but i was not able to add the color like the one in picture.
I was wondering maybe if there was a correct way to make this. If not is there anyother…

Ahmad Maaz
- 45
- 6
0
votes
0 answers
Unnecessary rebuild of a parent widget upon first detected click on LayoutBuilder/Canvas in Flutter
I am currently writing an application where I need to draw a bunch of shapes using CustomPainter and LayoutBuilder on the screen.
My CustomPainter is basically wrapped with a stateful widget in order to change the color and any other states after…

anonon
- 31
- 1
0
votes
1 answer
How to make custom paint lines edges in flutter
This is first image which i want to create
This is the second image which i achieved using that code
**I have to create an animation like line moving from left to right in zigzag motion with round curves .This custom-paint code generates these…

Waleed Ahmed
- 1
- 1
- 5
0
votes
0 answers
Flutter circle animation in line
class DigitalWavePainter extends CustomPainter {
final double animationValue;
final double widthOfCanvas;
final double heightOfCanvas;
DigitalWavePainter(
this.animationValue,
this.widthOfCanvas,
this.heightOfCanvas,
);
…

Waleed Ahmed
- 1
- 1
- 5
0
votes
0 answers
Want to keep drawing within the boundaries of Canvas in Flutter
I want to draw lines in flutter with given List of points, everything works and the lines are drawn but the problem is, the drawing is not at the center of the canvas and is bigger then the canvas,
Here is my code snippet for the CustomPainter…

Ahmad
- 95
- 6
0
votes
1 answer
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, and I would like to overlay a container widget…

MICHEL Baptiste
- 37
- 7
0
votes
0 answers
onTapDown event is not triggering in touchable library flutter
Based on the issue issue 47 I implemented the way they mentioned but still I'm not able to fix the issue
The below code is my implementation of flutter touchable library
// ignore_for_file: non_constant_identifier_names, must_be_immutable
import…
0
votes
0 answers
How to draw a line at specific angle using CustomPainter?
Please help me to realize is it possible to draw line using CustomPainter at specific angle?
I want to draw Koch curve and can't understand how to rotate two middle segments by 60°.
Thank you in advance!

GeorgeOblomov
- 53
- 8
0
votes
1 answer
how to draw the lines outside the axis in Flutter CustomPaint
I have a Container with a CustomPaint as the parent. In the CustomPaint I just draw a line on the half surrounding of the Container. The line is drawn with half of its width inside the Container and the other half outside the Container. I want to…

sm_sayedi
- 326
- 2
- 17
0
votes
0 answers
How to show Image sized to Polygon generated by Custom Painter
Im using MLKit and custom painter to dynamically draw on screen when it detects something, however I would like to be able to show an image within that polygon resized to fit within the shape.
It seems there is UI.Image which can be used along with…

Yonkee
- 1,781
- 3
- 31
- 56
0
votes
0 answers
how to creste A curved semicircle with a rounded edge in reverse in flutter
I want to make these curved circles with CustomPainter, with Flutter, please guide me how to do it, thank you
class ShapBounds extends CustomPainter {
final Color color;
final double avatarRadius;
ShapBounds( {required this.color,required…

reza
- 41
- 4
0
votes
1 answer
how can I Create custom App drawer flutter
How can I create custom app drawer like this one
I tried to use custom shape border with container but I cannot get the same shape

ETA Dev
- 21
- 4