resizable_stack_image 0.0.2

Resizable Stack Image

class Home extends StatefulWidget {
  const Home({super.key});

  @override
  _HomeState createState() => _HomeState();
}

class _HomeState extends State<Home> {
  File? _pickedImage;

  Future<void> _pickImage() async {
    final imagePicker = ImagePicker();
    final pickedFile = await imagePicker.pickImage(source: ImageSource.gallery);

    if (pickedFile != null) {
      setState(() {
        _pickedImage = File(pickedFile.path);
      });
    }
  }

  @override
  Widget build(BuildContext context) {
    return SafeArea(
      child: Scaffold(
        appBar: AppBar(
          title: const Text(
            "Resizable Stack Image",
          ),
          actions: [
            Visibility(
              child: IconButton(
                onPressed: () {
                  setState(() {
                    _pickedImage = null;
                  });
                },
                icon: const Icon(Icons.clear),
              ),
            ),
          ],
        ),
        body: Center(
          child: _pickedImage != null
              ? Stack(
                  children: [
                    SizedBox(
                      height: 300,
                      width: 300,
                      child: Image.asset(
                        "assets/image.jpg",
                        fit: BoxFit.cover,
                      ),
                    ),
                    ResizableStackImage(
                      height: 300, /// give same height as back image
                      width: 300,  /// give same width as back image
                      child: Image.file(_pickedImage!),
                    ),
                  ],
                )
              : ElevatedButton(
                  onPressed: _pickImage,
                  child: const Text('Pick Image'),
                ),
        ),
      ),
    );
  }
}