SVG Clicklistener| Flutter Package

flutter_dev_link package for set clicklistener on elements inside svg. The package has been written solely in dart_dev_link language.

Features

A powerful and fully customizable widget. With this package, you can click on SVG elements

Getting started

Let's take a look at how to implement flutter_svg_click_listener

First, add the following line to pubspec.yaml:

flutter_svg_click_listener: ^0.0.7

Second, import flutter_svg_click_listener:

import 'package:flutter_svg_click_listener/flutter_svg_click_listener.dart';

Usage

Basic usage example:

main.dart

// Define svgString
late final String svgString;

@override
void initState() {
    // Initialize svgString
    svgString = await loadSvgStringFromAssets("assets/svg/sample.svg");
    super.initState();
}

@override
Widget build(BuildContext context) {
    // Call the SvgImage widget anywhere in your widget tree.
    return SvgImage(
            onElementClick: (val) {
              print("element id is $val")
            },
            svgString: document != null ? document.toString() : "");
}

Example

More examples can be found in /example folder on animated_svg_github_link.

Additional information

This package has been written solely in Dart Language yet it has the flutter_svg_link as a dependency.

For more information please visit flutter_svg_click_listener.

Feature requests and bugs

Please file feature requests and bugs at the animated_svg_issue_link.