flutter - 如何使小部件来自下面并将其自身堆叠在当前屏幕的顶部？

Question

在Duolingo的应用程序中，有一个从底部开始动画的元素，每当您不提出问题时就会显示一些文本(请参见下面的图像)。
如何使用Flutter复制该功能？

Answer 1

您可以使用showModalBottomSheet小部件。这是此小部件的简单用法:

  showModalBottomSheet(
  context: context,
  builder: (BuildContext bc){
      return Container(
        child: new Wrap(
        children: <Widget>[
         new ListTile(
          leading: new Icon(Icons.music_note),
           title: new Text('Music'),
          onTap: () => {}          
         ),
         new ListTile(
          leading: new Icon(Icons.videocam),
          title: new Text('Video'),
          onTap: () => {},          
         ),
        ],
      ),
      );
  }
);