Flutter Modal bottom sheet will not overlap keyboard (Fixed)

custom-solution.dart

import 'package:flutter/material.dart';

class CustomPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Container(),
      floatingActionButton: FloatingActionButton(
        onPressed: () {
          showModalBottomSheet(
            isScrollControlled: true, // Important: Makes content maxHeight = full device height
            context: context,
            builder: (context) {
              // Does not work
              return AnimatedPadding(
                  padding: MediaQuery.of(context).viewInsets,
                  duration: const Duration(milliseconds: 100),
                  curve: Curves.decelerate,
                  child: Container(
                      child: Wrap(
                    children: [
                      TextField(
                        decoration: InputDecoration(labelText: "1"),
                      ),
                      TextField(
                        decoration: InputDecoration(labelText: "2"),
                      ),
                      TextField(
                        decoration: InputDecoration(labelText: "3"),
                      ),
                    ],
                  )));
            },
          );
        },
      ),
    );
  }
}

void main() {
  runApp(MaterialApp(home: CustomPage()));
}

worked thanks :-)