定位Widget重叠我的CustomScrollView

Question

我有一个CustomScrollView，在底部需要一个固定的文本输入字段。一个post here建议--一个带有定位Widget的堆栈，它工作得很好：

Scaffold(
  appBar: appBarBuilder == null ? null : appBarBuilder(context),
  body: RefreshIndicator(
    onRefresh: onRefresh,
    child: Stack(
      children: <Widget>[
        CustomScrollView(
          controller: controller,
          slivers: <Widget>[
            if (showImage)
              SliverAppBar(
                expandedHeight: showImage ? 100 : 50,
                title: showImage ? image : null,
                centerTitle: true,
                floating: true,
                pinned: false,
              ),
            sliverList,
          ],
        ),
        Positioned(
          bottom: 0,
          left: 0,
          right: 0,
          child: TextFormField(),
        ),
      ],
    ),
  ),
);

只不过定位的小部件与我的CustomScrollView重叠。我可以添加一个白色的背景，但我宁愿CustomScrollView停止我的TextFormField。我该怎么做？下面是当前的呈现：

​

​

Answer 1

截图：

​

​

我正在与您分享一个Column的简单实现，ListView (用CustomScrollView替换它)和底部的TextField。当您单击TextField时，键盘会自动滑动到ListView上，您的所有内容都将保持可见。

代码：

@override
Widget build(BuildContext context) {
  return Scaffold(
    body: Column(
      children: [
        Expanded(
          child: ListView.builder( // <-- Replace it with your CustomScrollView
            itemCount: 20,
            itemBuilder: (_, i) => ListTile(title: Text('Item $i')),
          ),
        ),
        Padding(
          padding: const EdgeInsets.all(20),
          child: TextField(decoration: InputDecoration(hintText: 'Enter a message')),
        )
      ],
    ),
  );
}