在恒定大小的容器内滚动小部件颤动网页

Question

大家好，

我正在使用flutter web SDK开发flutter中的响应网页，但我被困在页面的一部分，我有两个容器，其中第一个容器是可滚动的，第二个容器是恒定大小的(不可滚动(，就像whatsapp web ui一样，联系人列表不断滚动，但聊天端和页面的其他部分不滚动。

请帮帮我，提前感谢。。。

Answer 1

这应该可以工作。您需要一个固定大小的容器，并确保其中应该有一个可滚动的小部件。现在，可以通过使用媒体查询参数和下面的代码来调整大小，您只需要调整空间和大小就可以了。

Row(
//Your parent Row
children: [
Container(
//static non scrollable container
child: Column(
children: [
//Children you want to add 
//this wont be scrollable 
//It is also preferred that you give this some height or width too
],
),
),
Container(
//Scrollable container
//Please adjust height and width yourself 
//You can use media query parameters to make it responsive
width: 200,
height: 500,
child: SingleChildScrollView(
//You can also change the scroll direction
child: Column(
//Add children you want to be in
//Scrollable column

),
),
)
],
),