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

不同平台移除键盘工具栏的解决方案
iOS端
- SwiftUI(iOS 15及以上版本支持):给输入组件添加
toolbar(.hidden, for: .keyboard)修饰符
示例代码:TextField("请输入内容", text: $inputText) .toolbar(.hidden, for: .keyboard) - UIKit:直接将输入框的
inputAccessoryView属性赋值为空白视图即可
示例代码:
如果需要全局生效,可以通过Runtime方法交换修改UITextField、UITextView的// 对UITextField/UITextView都生效 textField.inputAccessoryView = UIView(frame: .zero)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
相关产品推荐
相关产品推荐

