image picker initial

image_picker_field.dart

import 'dart:io';
import 'package:flutter/material.dart';
import 'package:image_picker/image_picker.dart';

class ImagePickerField extends StatefulWidget {
  const ImagePickerField({Key? key}) : super(key: key);

  @override
  State<ImagePickerField> createState() => _ImagePickerFieldState();
}

class _ImagePickerFieldState extends State<ImagePickerField> {
  File? imageFile;

  @override
  Widget build(BuildContext context) {
    return InkResponse(
      onTap: () async {
        final image =
            await ImagePicker().pickImage(source: ImageSource.gallery);

        if (image == null) return;
        setState(() {
          imageFile = File(image.path);
        });
      },
      child: Container(
        height: 100,
        width: double.infinity,
        decoration: ShapeDecoration(
          color: Theme.of(context).colorScheme.secondary,
          shape: const RoundedRectangleBorder(
            borderRadius: BorderRadius.all(Radius.circular(12)),
          ),
        ),
        child: imageFile == null
            ? const Row(
                crossAxisAlignment: CrossAxisAlignment.center,
                mainAxisAlignment: MainAxisAlignment.center,
                children: [
                  Icon(Icons.add_circle_outline_outlined, color: Colors.white),
                  SizedBox(width: 8),
                  Text('Pick image', style: TextStyle(color: Colors.white)),
                ],
              )
            : Image.file(imageFile!),
      ),
    );
  }
}