我正在制作一个拆分视图小部件,可以通过拖动底部小部件来调整它们的比例。问题是我想在底部放一些大的小部件,以便在我扩展它时可以完全看到它,如果没有,只能部分看到。
这是我的拆分视图代码。
class HorizontalSplitView extends StatefulWidget {
final Widget top;
final Widget bottom;
final double ratio;
const HorizontalSplitView(
{Key key, @required this.top, @required this.bottom, this.ratio = 0.2})
: super(key: key);
@override
_HorizontalSplitViewState createState() => _HorizontalSplitViewState();
}
class _HorizontalSplitViewState extends State<HorizontalSplitView> {
double _ratio;
double _maxHeight;
get _height1 => _ratio * _maxHeight;
get _height2 => (1 - _ratio) * _maxHeight;
@override
void initState() {
super.initState();
_ratio = widget.ratio;
}
@override
Widget build(BuildContext context) {
return LayoutBuilder(builder: (context, BoxConstraints constraints) {
_maxHeight = constraints.maxHeight;
return SizedBox(
height: constraints.maxHeight,
child: Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: <Widget>[
SizedBox(
height: _height1,
child: widget.top,
),
GestureDetector(
behavior: HitTestBehavior.translucent,
onPanUpdate: (DragUpdateDetails details) {
setState(() {
_ratio += details.delta.dy / _maxHeight;
if (_ratio > 0.85)
_ratio = 0.85;
else if (_ratio < 0.0) _ratio = 0.0;
});
},
onPanEnd: (DragEndDetails details) {
setState(() {
if (_ratio < 0.5)
_ratio = 0.0;
else if (0.6 <= _ratio && _ratio < 0.8)
_ratio = 0.6;
else if (0.8 < _ratio) _ratio = 0.85;
});
},
child: SizedBox(
height: _height2,
child: widget.bottom,
),
),
],
),
);
});
}
}
问题是如果我将 scrollchildview 与 boxconstraint 高度而不是大小的框小部件一起放置它会引发溢出错误。有什么方法可以放置滚动视图或任何其他可以位于确定高度 sizedBox 小部件中的小部件?提前致谢。