Opening the keyboard while a sheet animation is running will stop the animation

[fujidaiti]

Reproduction code

import 'package:flutter/material.dart';
import 'package:smooth_sheets/smooth_sheets.dart';

void main() {
  runApp(const MainApp());
}

class MainApp extends StatelessWidget {
  const MainApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Builder(
        builder: (context) {
          return Scaffold(
            body: Center(
              child: FilledButton(
                onPressed: () {
                  Navigator.push(
                    context,
                    ModalSheetRoute(
                      builder: (_) => const SafeArea(
                        bottom: false,
                        child: MySheet(),
                      ),
                    ),
                  );
                },
                child: const Text('Open Sheet'),
              ),
            ),
          );
        },
      ),
    );
  }
}

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

  @override
  State<MySheet> createState() => _MySheetState();
}

class _MySheetState extends State<MySheet> {
  late final SheetController controller;

  @override
  void initState() {
    super.initState();
    controller = SheetController();
  }

  @override
  void dispose() {
    controller.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    const minExtent = Extent.pixels(80);

    return ScrollableSheet(
      controller: controller,
      physics: const StretchingSheetPhysics(
        parent: SnappingSheetPhysics(
          snappingBehavior: SnapToNearest(
            snapTo: [minExtent, Extent.proportional(1)],
          ),
        ),
      ),
      initialExtent: minExtent,
      minExtent: minExtent,
      child: SheetContentScaffold(
        body: SizedBox.expand(
          child: SingleChildScrollView(
            child: TextField(
              // keyboardType: TextInputType.none,
              onTap: () {
                controller.animateTo(const Extent.proportional(1));
              },
            ),
          ),
        ),
      ),
    );
  }
}

According to the code above, the sheet should go to fullscreen with animation when the text field is tapped, but actually the sheet stops at an intermediate position.

child: TextField(
  onTap: () {
    controller.animateTo(const Extent.proportional(1));
  },
),

RocketSim_Recording_iPhone_15_6.1_2024-01-30_01.10.59.mp4

Related issues

• DraggableSheet moves up when keyboard opens #184

[fujidaiti]

In the meantime, we can avoid this issue by delaying the keyboard opening until the sheet animation is complete.