时间戳

首页 > 解决方案 > 专注于 TextField 时屏幕底部出现黑色空间

android - 专注于 TextField 时屏幕底部出现黑色空间

问题描述

专注于文本字段时，屏幕底部出现黑色空间问题。

目标应用设备具有物理键盘 (Zebra MC2700)

当我关闭虚拟键盘时会出现问题，并且系统似乎在 UI 覆盖的底部向我显示了一个黑色空间。Zaznaczam, że aplikacja działa w trybie pełnoekranowym。

文本字段代码：

          TextField(
              controller: _passwordController,
              decoration: InputDecoration(
                  filled: true,
                  labelText: 'ENTER PIN'
              ),
              obscureText: true,
              keyboardType: TextInputType.number,
            ),

当我输入文本字段时出现黑色空间，当我取消焦点时消失。

对焦 前对焦前画面

对焦 后画面对焦后

出现问题

标签： androidflutterdart

解决方案

试试下面的代码希望它有帮助：

声明文本编辑控制器：

final TextEditingController username = TextEditingController();

然后创建您的小部件：

TextFormField(
        controller: username,
        decoration: InputDecoration(
          border: OutlineInputBorder(),
          labelText: 'Username',
          hintText: 'Enter Username',
          prefixIcon: Icon(Icons.mail, color: Colors.black),
        ),
        textInputAction: TextInputAction.next,
      ),

推荐阅读