Flutter、複雑な図形のボタンを作りたい。

Question

前提・実現したいこと

複雑な図形のボタンを作りたい。
日本地図の各都道府県をタッチして、画面遷移したい。

発生している問題・エラーメッセージ

機能が実装できれば、特にこだわりはないのですが、GestureDetectorを使って実装しようとしています。
例えば、北海道の画像を作成し、それをGestureDetectorで囲います。
それタップして、画面遷移をさせようとしたら、動きはするのですが、余白を消し北海道の形の画像を使っているにも関わらず、タッチできる範囲が四角くなっています。
（北海道は菱形に近いので、画像の外側の４すみをタッチしても反応してしまいます。）
これをタッチできる範囲をうまく画像の形と一致できる方法あれば教えてもらいたいです。

（他の例で言うと、下記画像の青色で示されている部分をタッチしたら画面遷移するようにしたい際、右下の空間をタッチした時も画面遷移してしまうので、それを青色部分だけにしたいです。）

参考になるかはわかりませんが、「動きはする」コードのサンプルです

import 'package:flutter/material.dart';
import 'next_page.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
        visualDensity: VisualDensity.adaptivePlatformDensity,
      ),
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Sample App'),
      ),
      body: GestureDetector(
          onTap: (){　
　　　　　　//タップしたら次の画面へ遷移
            Navigator.push(
              context,
              MaterialPageRoute(
                  builder: (context) => NextPage()
              ),
            );
          },
          child: Image.asset('images/hokkaido.png')),//北海道の画像
    );
  }
}

Comments

[stdio]

Flutterの仕様は良く分かりませんが、タッチした座標が取得と任意座標の画像のカラーパレットさえ取得が可能でしたら、判定の制御は可能だと思います。
四角で描画されるのは仕方ないので、そこを制御するのはやめて下さい。無意味にアプリを重くする原因になります。

[toast-uz]

狙い通りでなくても「動きはする」コードを提示願います。