Блог

Я пытаюсь разместить кнопки на изменяемом изображении в Flutter, но мне трудно понять, как сохранить кнопки в их относительном положении на изображении. Другими словами, я хочу создать масштабируемое изображение с кнопками, которые фиксируют их положение в определенной точке изображения. Например, допустим, изображение — это следующее изображение кнопок на панели управления, где каждая кнопка имеет уникальную функцию:

Поскольку кнопки в настоящее время расположены очень близко друг к другу, пользователю будет сложно нажать одну кнопку. Я бы хотел, чтобы пользователь мог увеличивать изображение следующим образом:

и чтобы все кнопки работали, сохраняя свою первоначальную функцию. Есть ли лучшая практика для разработки чего-то подобного или есть несколько вариантов?

Я решил эту проблему, обернув виджет изображения, содержащий кнопки, виджетом InteractiveViewer:

     Expanded(
      child: InteractiveViewer(
        boundaryMargin: EdgeInsets.all(100),
        minScale: 0.1,
        maxScale: 1.6,
          child: Container(