Stack Overflow
Stack Overflow

Questions tagged [flutter-custompainter]

95 questions
0
votes
1 answer

How can I change the color of a drawn object using CustomPainter in Flutter?

Currently I have a CustomPainter that is using the touchable flutter package class MapPainter extends CustomPainter { final BuildContext context; MapPainter(this.context); @override void paint(Canvas canvas, Size size) { var myCanvas =…
Landon Pattison
  • 25
  • 5
0
votes
0 answers

What's App like Status Border with Oval shape in flutter

How to build the status border like what's app with Oval shape dynamically in flutter. Below is my code. Help me to generate the dynamic border with Oval shape. path.moveTo(size.width * 0.78787878, size.height * 0.2); path.addArc( …
Bhaumik Dholakiya
  • 1
0
votes
1 answer

Flutter Ribbon style around a widget

I want to achieve ribbon style around widgets. Hey guys, do anyone have any idea on how to implement this kind of style around a widget in flutter. Is there any available package for this? Thanks!
BHARATH T
  • 501
  • 2
  • 5
0
votes
0 answers

Flutter/Mediapipe: how to save a Flutter Canvas/CustomPainter with mediapipe pose outline to an image file?

We are using code shown below from this package package:google_mlkit_pose_detection/google_mlkit_pose_detection.dart (on https://pub.dev/packages/google_mlkit_pose_detection) to save the phone camera image with mediapipe pose outline to an image…
Ross
  • 265
  • 1
  • 3
  • 13
0
votes
1 answer

Rounding the drawn line(path) with flutter custom painter

I have below custom painter and I want to round any edge of the path I will be grateful if you help
Hossein Asadi
  • 768
  • 1
  • 6
  • 15
0
votes
0 answers

How can I handle paths with flutter and CustomPainter

I've created an app where you can fill objects with color, this is my process... Convert to curves an image Save it in SVG Convert the SVG to code (https://fluttershapemaker.com) from the class RPSCustomPainter I have to make a class for each path…
AlexTrejo
  • 15
  • 4
0
votes
0 answers

How cut a line vertically drawn using custom painter in flutter?

Let's say we have this custom painter, class MyWidget extends StatelessWidget { @override Widget build(BuildContext context) { return Column( children: [ Text( 'Hello, World!', style:…
Pokaboom
  • 1,110
  • 9
  • 28
0
votes
0 answers

Flutter Dynamic Custom Painter

I tried to draw a circle sliced and painted based on a dynamic list. I have a back-end that returns a list of group of colors, each group of color must to paint a full circle and each color must to be a slice of the circle. The back-end response is…
Pedro Padilha
  • 1
0
votes
2 answers

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 code with drawline() List points = const [ …
Sugan Pandurengan
  • 667
  • 15
0
votes
0 answers

Mask out color in Image canvas flutter

I am trying to add skin tone to an image in flutter canvas. I've used the following code before to apply chroma by altering pixels when I load the image: static Future applyChromaToImage(ui.Image image, String pathForImage, RGBPixel…
Hans Donkersloot
  • 123
  • 5
0
votes
1 answer

How can I change color with GestureDetector of svg image and Flutter?

I need your help, I'am developing an app where the user will select any SVG image previously converted with flutterShapeMaker to get and set several classes as you see below (fragment example, I have 20 classes) class PathUno extends CustomPainter{ …
AlexTrejo
  • 15
  • 4
0
votes
0 answers

Flutter Canvas Set Frame Rate

I have a custom painter that I'm using to build a small game engine for fun. I have the following code that is supposed to call the draw function of my custom painter 60 times per second: SceneRenderChangeNotifier repaintNotifer =…
Hans Donkersloot
  • 123
  • 5
0
votes
1 answer

manage state for small part of screen

I have screen which contains two main parts the upper part is dynamic and the lower part is static so my question is I want to rebuild only the upper part every second using BLoC, here's the code of my upper part: Expanded( flex:…
Saif
  • 46
  • 4
0
votes
0 answers

Flutter Bend Widget from Bottom

I have a very specific use case and I can't find a way to achieve that in Flutter. Let's say we have a widget (could be image, container, svg etc.) like this: Now I want to bend the widget with bottom as the changing axis like this: And like…
Raj Dhakad
  • 852
  • 2
  • 17
  • 39
0
votes
1 answer

Flutter - How do we achieve this UI using custom paint?

I want to achieve attached UI widget using custom paint or with any suitable way around which should work well across different device sizes. Currently, I'm achieving using it as a background image by exporting the image src but it doesn't work well…
Irfan Akram
  • 718
  • 1
  • 11
  • 20
1 2 3 4
5
6 7