You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在Flutter中移除键盘上方的工具栏?

键盘工具栏示例

不同平台移除键盘工具栏的解决方案

iOS端

  • SwiftUI(iOS 15及以上版本支持):给输入组件添加toolbar(.hidden, for: .keyboard)修饰符
    示例代码:
    TextField("请输入内容", text: $inputText)
        .toolbar(.hidden, for: .keyboard)
    
  • UIKit:直接将输入框的inputAccessoryView属性赋值为空白视图即可
    示例代码:
    // 对UITextField/UITextView都生效
    textField.inputAccessoryView = UIView(frame: .zero)
    
    如果需要全局生效,可以通过Runtime方法交换修改UITextField、UITextView的inputAccessoryView默认返回值,或者通过分类重写该属性。

Android端

  • XML布局配置:给EditText添加对应属性关闭建议栏和提取工具栏
    示例代码:
    <EditText
        android:id="@+id/input_edittext"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:imeOptions="flagNoExtractUi|flagNoFullscreen|actionDone"
        android:inputType="textNoSuggestions" />
    
  • 代码动态配置:
    示例代码:
    editText.imeOptions = EditorInfo.IME_FLAG_NO_EXTRACT_UI or EditorInfo.IME_ACTION_DONE
    editText.inputType = InputType.TYPE_TEXT_FLAG_NO_SUGGESTIONS
    

移动端H5/Web场景

  • 给input/textarea标签添加如下属性即可关闭大部分浏览器的键盘工具栏:
    示例代码:
    <input type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" />
    

内容的提问来源于stack exchange,提问作者aimyon

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.09.24 00:06:03