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!
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…
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…
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…
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, ); …
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…
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!
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…
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