我试图使搜索应用程序更舒适时,用户点击搜索框滚动页面较低,因为键盘覆盖列表。首先点击搜索框向下滚动页面,但如果点击它可以再次滚动。Page
when i tapwhen i tap again
下面是我的代码:
`class _SearchBox extends StatelessWidget {
final Function()? onReset;
final TextEditingController? controller;
final ScrollController? scrollController;
final FocusNode? focusNode;
const _SearchBox({
Key? key,
this.onReset,
this.controller,
this.scrollController,
this.focusNode,
}) : super(key: key);
@override
Widget build(BuildContext context) {
final InputBorder border =
OutlineInputBorder(borderSide: BorderSide(color: Colors.grey[300]!));
return TextField(
focusNode: focusNode,
onTap: () {
scrollController?.animateTo(10 * 1000,
duration: const Duration(milliseconds: 1000),
curve: Curves.bounceIn);
},
autofocus: true,
controller: controller,`
我尝试使用focunNode,但没有得到结果。我想滚动工作只工作一次,提前谢谢你!
1条答案
按热度按时间2ledvvac1#
我不完全明白问题出在哪里,但我已经想出了一个解决办法。您可以根据需要集成此代码。
demo gif