110 questions
- Bountied 0
- Unanswered
- Frequent
- Score
- Trending
- Week
- Month
- Unanswered (my tags)
4
votes
1
answer
187
views
How to match this curved profile banner shape?
I’m trying to replicate a custom curved profile banner shape using CustomPaint in Flutter.
This is the desired shape I’m trying to achieve — notice how the bottom of the banner has a smooth inward ...
0
votes
0
answers
77
views
How to make an arrow follow a path in Flutter and adjust its angle based on the path's direction?
I am working on a Flutter project where I need to animate an arrow along a path. The arrow should not only move along the path, but also continuously adjust its angle to match the direction of the ...
0
votes
0
answers
116
views
How to create a curved cutout in a Bottom Navigation Bar in Flutter?
I’m trying to create a custom bottom navigation bar in Flutter with a curved cutout similar to the following image:
The curve is not a perfect semicircle; instead, it has a smooth transition on the ...
0
votes
0
answers
33
views
Flutter - distortion when saving image with CustomPaint
I'm developing a feature in a Flutter application where users can capture a photo using the camera package. After capture, the image is displayed on the screen, allowing users to draw lines and points ...
0
votes
0
answers
73
views
CustomPainter making unnecessary connections between points flutter
I was trying to build a fourier series illustration I found and I was very close to completing when this weird problem occurred. The first illustration in this part of the wikipedia page is what I am ...
0
votes
1
answer
100
views
I want to create below app design using customPainter in flutter
I want to create appBar like below but i don't have good knowledge of customPainter.
It should be like below design.
I have attached the image
unable to do this using cubic and beizer curve in flutter....
0
votes
0
answers
122
views
How to make radius & border in corner triangle using custom painter in flutter
I am trying to create a triangle shape with rounded corners and a shadow using Flutter's CustomPainter. My goal is to achieve a design similar to this:
I attempted to implement it using CustomPainter ...
0
votes
0
answers
94
views
How to create a smooth transition from a rounded corner to a diagonal line?
I'm working on a custom shape in Flutter using CustomPainter, and I need to create smooth transitions between rounded corners and diagonal lines. The goal is for these transitions to look seamless and ...
0
votes
2
answers
111
views
How can I create a circle bubble with border in Flutter CustomPainter?
The following is a reference.
How can I create a border-only bubble with CustomPainter?
But what I want to achieve is a balloon for the circle. The image will be as follows.
If implemented as follows,...
0
votes
1
answer
117
views
How Can I Create an AppBar That Looks Like This:
How could i achieve such AppBar,The AppBar itself does not have to be an actual AppBar widget.
if it can be done with a normal Container,Painter or ClipPath I'd still appreciate it.
Does not have to a ...
0
votes
1
answer
99
views
How to Ensure Full Gradient Coverage in a Rounded StrokeCap Arc in Flutter?
I'm working on a Flutter project where I'm drawing a half-circle gauge with a gradient that transitions from red to yellow to green, using a SweepGradient. The arc looks great overall, but I've ...
0
votes
1
answer
115
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
vote
0
answers
56
views
How to serialize a Dart:ui Path?
I am displaying pathes using CustomPainter that come from converted SVGs (and later from user paint)
Because these pathes are to be editable by the users, CustomPainter seems like a good candidate.
...
0
votes
1
answer
22
views
Flutter: customepaint and gesture out of sync when offscreen
I am developing a node editor sort of app, in which you can add nodes and connect them with a noodle connection (like in blender and Unreal engine), I am facing a problem when a node is dragged off ...
0
votes
1
answer
150
views
Add inner shadow with CustomPaint in Flutter
I have a fill path that creates a simple triangle: M49.5 0L92.3683 94.5L6.63174 94.5L49.5 0Z.
The triangle is being drawn correctly by using CustomPainter and canvas.drawPath().
Now I need to add an ...