要解决Flutter DraggableScrollableSheet不显示的问题,可以按照以下步骤进行操作:
import 'package:flutter/material.dart';
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('DraggableScrollableSheet Example'),
),
body: Stack(
children: [
// 其他部件
DraggableScrollableSheet(
initialChildSize: 0.3,
minChildSize: 0.1,
maxChildSize: 0.8,
builder: (BuildContext context, ScrollController scrollController) {
return Container(
color: Colors.white,
child: ListView.builder(
controller: scrollController,
itemCount: 50,
itemBuilder: (BuildContext context, int index) {
return ListTile(
title: Text('Item ${index + 1}'),
);
},
),
);
},
),
],
),
);
}
在这个示例中,Stack包含了其他部件和DraggableScrollableSheet。DraggableScrollableSheet使用builder函数创建一个ListView,该ListView具有滚动功能。
onPressed: () {
setState(() {
// 设置一个标志来显示DraggableScrollableSheet
isDraggableScrollableSheetVisible = true;
});
},
在上述示例中,我们使用一个布尔值isDraggableScrollableSheetVisible来控制DraggableScrollableSheet的显示。当按钮被按下时,我们将isDraggableScrollableSheetVisible设置为true,并在setState方法中更新状态。
这样,当您按下按钮时,DraggableScrollableSheet将显示出来。