Flutter: modal_bottom_sheet (iOS style)

Question

如何设置modal_bottom_sheet的动画(https://pub.dev/packages/modal_bottom_sheet)就像用CCD_ 1按压之后的一样。我启动了我的应用程序，想在按下按钮的第一页上显示这个模态，但它并没有像应该的那样动画化。

Answer 1

这修复了它：https://github.com/jamesblasco/modal_bottom_sheet/issues/159

我的错误是，我在MaterialApp中添加了onGenerateRoute和home

以下是上面问题的代码：

import 'package:flutter/material.dart';
import 'package:modal_bottom_sheet/modal_bottom_sheet.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {

@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',
theme: ThemeData(
primarySwatch: Colors.blue,
),
onGenerateRoute: (settings) => MaterialWithModalsPageRoute(
builder: (context) => HomePage()),
);
}
}
class HomePage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Container(
decoration: BoxDecoration(
color: Colors.white,
),
child: TextButton(
child: Text("Press"),
onPressed: () {
showCupertinoModalBottomSheet(
context: context,
expand: true,
builder: (context) => SecondPage(),
);
},
));
}
}
class SecondPage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Center(
child: Text("Hello"),
);
}
}