flutter TextField被键盘挡住了

如果您在使用 TextField 组件时发现键盘正在遮挡它,可以考虑以下两种解决方案:

  1. 使用 SingleChildScrollView

TextField 放在 SingleChildScrollView 中,这样当键盘弹出时,可以自动滚动以使 TextField 可见。例如:

SingleChildScrollView(
  child: Column(
    children: [
      // ...
      TextField(),
      // ...
    ],
  ),
)
  1. 使用 ListView 或 CustomScrollView

SingleChildScrollView 类似,您也可以将 TextField 放在 ListViewCustomScrollView 中,以便在键盘弹出时自动滚动。这种方法尤其适用于具有大量表单字段的页面。例如:

CustomScrollView(
  slivers: [
    // ...
    SliverList(
      delegate: SliverChildListDelegate([
        // ...
        TextField(),
        // ...
      ]),
    ),
    // ...
  ],
)

 

posted @ 2023-04-27 15:43  小小强学习网  阅读(942)  评论(0)    收藏  举报