管理flutter中的可点击图像(带位置)

import 'package:flutter/material.dart';

class ClickableImage extends StatelessWidget {
  final String imageUrl;
  final Offset position;
  final Function onTap;

  ClickableImage({this.imageUrl, this.position, this.onTap});

  @override
  Widget build(BuildContext context) {
    return Positioned(
      left: position.dx,
      top: position.dy,
      child: GestureDetector(
        onTap: onTap,
        child: Image.network(imageUrl),
      ),
    );
  }
}

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Clickable Images'),
      ),
      body: Stack(
        children: [
          ClickableImage(
            imageUrl: 'https://example.com/image1.jpg',
            position: Offset(100, 100),
            onTap: () {
              // 处理点击事件
              print('Image 1 clicked!');
            },
          ),
          ClickableImage(
            imageUrl: 'https://example.com/image2.jpg',
            position: Offset(200, 200),
            onTap: () {
              // 处理点击事件
              print('Image 2 clicked!');
            },
          ),
        ],
      ),
    );
  }
}

void main() {
  runApp(MaterialApp(
    home: MyHomePage(),
  ));
}