[flutter_svg] Add support for path onClick listener

[mohitchouhan-aripra]

Use case

Hi Team i'm working on a project where i need to get SVG click (SVG made up with multiple path and each path represent a Part), for this i need the support for SVG onClink listener

Proposal

Sample SVG String

<svg width="320" height="60" xmlns="http://www.w3.org/2000/svg">
  <rect onclick='onClick.postMessage("button_1_clicked");' id="leftButton" x="0" y="0" width="150" height="50" rx="10" ry="10" fill="#4CAF50" />
  <text x="75" y="30" font-family="Arial" font-size="16" fill="white" text-anchor="middle" alignment-baseline="middle">
    Left
  </text>
  <rect onclick='onClick.postMessage("button_2_clicked");' id="rightButton" x="170" y="0" width="150" height="50" rx="10" ry="10" fill="#2196F3" />
  <text x="245" y="30" font-family="Arial" font-size="16" fill="white" text-anchor="middle" alignment-baseline="middle">
    Right
  </text>
</svg>

here from the plugin i need

onElementClick: (event) {
                print("Event===>$event");
 }

OutPut

Event===>button_1_clicked

Event===>button_2_clicked

we have a plugin that use flutter_web_view but it does not have other properties

Thanks in advance Team.

[tirth-patel-nc]

@mohitchouhan-aripra thanks for the report. labelling it as a new proposal. Please see if this package helps your case further.

[mohitchouhan-aripra]

Thanks @tirth-patel-nc , i am using [flutter_svg_click_listener] but it use webView that was not providing better experience

[mohitchouhan-aripra]

Hi Team any luck on this ??