Drawing a line Between Widgets and make the lines clickable

Question

I'm referring to this issue right here: Drawing a line Between Widgets that have been already solved, but I have additional question about it.

I want to make the lines in the Stack widget clickable, but with GestureDetector widget it is not possible.

Do you have any solutions for me on how can I solve the problem. I would highly appreciate your answer guys!

Screenshot below:

What issue are you having that's preventing you from doing it with a `GestureDetector`? — Miguel Ruivo, Aug 11 '20 at 09:36
When I put the the line (which is built with CustomPaint) inside of the GestureDetector, it isn't becoming clickable. I want to make the line clickable so that if users click on the line the software can make an action (e.g. delete the line...) — Giorgi Sharashenidze, Aug 11 '20 at 09:57
I have updated my issue with a screenshot. I think now you can understand what my problem is... — Giorgi Sharashenidze, Aug 11 '20 at 11:29

score 0 · Answer 1 · answered Aug 11 '20 at 10:35

0

try this:-

GestureDetector(
    onTap: (){
      //do your code on click
      },
      child: Container(
          width: 20,
          height: double.infinity,
          color: Colors.grey,
      ),
    )

answered Aug 11 '20 at 10:35

hio

915
8
26

did you try InkWell – hio Aug 11 '20 at 11:57
The problem is with Stack widget. It doesn't let the Container inside the GestureDetector position where the line is. – Giorgi Sharashenidze Aug 11 '20 at 12:05

score 0 · Answer 2 · answered Aug 11 '20 at 10:41

0

You need to use a GestureDetector with the behavior: HitTestBehavior.translucent for it to be detectable with the CustomPaint.

answered Aug 11 '20 at 10:41

Miguel Ruivo

16,035
7
57
87

You're saying that your `print` statement is not being printed when you tap using this behavior? That's weird, as it should. – Miguel Ruivo Aug 11 '20 at 12:41
No, it doesn't print the statement! That's why I am posting the issue. Try it on your own... – Giorgi Sharashenidze Aug 11 '20 at 13:41

Drawing a line Between Widgets and make the lines clickable

2 Answers2