Вы можете ссылаться на https://github.com/gi097/flutter_clickable_regions
Это простое приложение, которое отображает SVG image
с clickable regions
. Он отображает все провинции из Netherlands
. Когда вы нажмете на нее, она выделит провинцию, по которой щелкнули.
После загрузки этого пакета выполните команду flutter packages pub run build_runner build
[INFO] Generating build script...
[INFO] Generating build script completed, took 513ms
[INFO] Caching finalized dependency graph...
[INFO] Caching finalized dependency graph completed, took 52ms
[INFO] Succeeded after 13.6s with 1 outputs (5 actions)
рабочая демоверсия
фрагмент кода
Widget _buildProvince(Province province) {
return ClipPath(
child: Stack(children: <Widget>[
CustomPaint(painter: PathPainter(province)),
Material(
color: Colors.transparent,
child: InkWell(
onTap: () => _provincePressed(province),
child: Container(
color: _pressedProvince == province
? Color(0xFF7C7C7C)
: Colors.transparent)))
]),
clipper: PathClipper(province));
}