149 questions
0
votes
0
answers
26
views
How to make custom curved SliverAppBar and allowing content to scroll under it?
I'm trying to create a custom SliverAppBar in Flutter, and I’m running into an issue with how my layout behaves during scroll.
Here’s what I want to achieve:
I want the red area to be the AppBar only ...
1
vote
0
answers
128
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
1
answer
61
views
Flutter: Handling Long Text in Custom Stepper with Circular Progress Indicators
widget appearanceI have a Flutter code snippet where I'm using CustomPaint and Stack widgets to create a progress bar with steps. However, I am facing an issue with the labelText when it is too long; ...
0
votes
1
answer
74
views
Swing - UI changes are not affected
I'm sketching the grid on the user interface using the width and height that I specified when I created the GridPanel, accordingly. For representational purposes, I am laying the grid starting at 30, ...
0
votes
0
answers
740
views
how to draw SVG on CustomPainter Canvas with layer wise in flutter
i am looking to render svg image on canvas with layers.My aim is to transfer svg image on canvas layer wise. As SVG String contain tag by which we can decompose on flutter. but i did not find any ...
- 272
0
votes
1
answer
87
views
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
- 21
0
votes
1
answer
433
views
Custom Paint Button in Flutter
I'm trying to make a collection of hexagonal buttons in my flutter app, but I can't get it working.
I've tried a couple different things with CustomPaint and the ClipPath class, but my widgets either ...
- 43
1
vote
0
answers
70
views
how does GestureDetector work with canvas.draw circle custom paint
GestureDetector(
child: SizedBox(
width: double.infinity,
height: MediaQuery.of(context).size.height,
child: InteractiveViewer(
...
- 11
1
vote
1
answer
327
views
Flutter: How to Create a Top-to-Bottom Animation Effect?
I'm working with Flutter and I aim to create an animation that transitions from the top to the bottom of the screen, similar to a fill effect. I've attached a GIF of the desired effect and what I ...
- 1,006
0
votes
1
answer
305
views
How can I draw an arc in Flutter using custom painting?
I need to create image like this in Flutter using custom painting:
I have the following code:
Center(
child: CustomPaint(
child: Container(
width: MediaQuery.of(context).size.width,
...
2
votes
1
answer
1k
views
Flutter : Good way of adding borders to CustomPaint
I am trying to create a more complex customPaint and want to add a border to it.
From the picture you can see the shape (In blue) and the partial border (in white)
The way I am creating the white ...
- 218
0
votes
1
answer
631
views
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
- 836
-6
votes
3
answers
87
views
How to create button in flutter?
How do you create this button in this way? Need for my academic work. Please help me!!
enter image description here
0
votes
1
answer
216
views
How to make round shape in Flutter?
I need to implement shape like image below.
After I research about it, I found CustomPaiter and try to implement for awhile. I get this result.
I have no idea how to round corner of shape. Has ...
- 549
0
votes
1
answer
228
views
Buttons not visible until mouseover
I created a frame and panel (for Graphics) and add buttons to the panel. However, when I run my program buttons are not visible until I hover over them. Maybe it is something wrong with graphics ...
- 15