Flutter 弹出键盘认识

2401_85730195

于 2024-06-22 18:53:20 发布

阅读量891

点赞数 8

文章标签： flutter java 数据库

本文链接：https://blog.csdn.net/2401_85730195/article/details/139886610

版权

void _openInputConnection() {
if (!_hasInputConnection) {
final TextEditingValue localValue = _value;
_lastKnownRemoteTextEditingValue = localValue;
_textInputConnection = TextInput.attach(this,
TextInputConfiguration(
inputType: widget.keyboardType,
obscureText: widget.obscureText,
autocorrect: widget.autocorrect,
inputAction: widget.textInputAction ?? (widget.keyboardType == TextInputType.multiline
? TextInputAction.newline
: TextInputAction.done
),
textCapitalization: widget.textCapitalization,
)
)…setEditingState(localValue);
}
_textInputConnection.show();
}

解析1 使用TextInputConnection 它的类需要实现 TextInputClient方法然后重写：

//TextInputClient 抽象类的回调方法
@override
void performAction(TextInputAction action) {
// TODO: implement performAction
//点击键盘的如图1 位置这个按钮的点击回调
print(" performAction action $action ");
}

@override
void updateEditingValue(TextEditingValue value) {
// TODO: implement updateEditingValue
//value文本输入内容回调如例子1
print("updateEditingValue value $value ");
}

图1

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

例子1 （键盘输入后回调内容）

TextEditingValue(text: ┤额度├, selection: TextSelection(baseOffset: 2, extentOffset: 2, affinity: TextAffinity.downstream, isDirectional: false), composing: TextRange(start
: -1, end: -1))

解析2 TextInputConnection 关闭

//判断 _hasInputConnection 是否为空或者是否已经绑定
void _closeInputConnectionIfNeeded() {
if (_hasInputConnection) {
_textInputConnection.close();
_textInputConnection = null;
_lastKnownRemoteTextEditingValue = null;
}
}

解析3 TextInputConnection 赋值 TextEditingValue

// value.toJSON(), 里面的值返回的是 json
void setEditingState(TextEditingValue value) {
assert(attached);
SystemChannels.textInput.invokeMethod(
‘TextInput.setEditingState’,
value.toJSON(),
);
}
//远程更新数据在需要的时候
void _updateRemoteEditingValueIfNeeded() {
if (!_hasInputConnection)
return;
final TextEditingValue localValue = _value;
if (localValue == _lastKnownRemoteTextEditingValue)
return;
_lastKnownRemoteTextEditingValue = localValue;
_textInputConnection.setEditingState(localValue);
}

TextEditingValue .text 就可以获取到输入的值

解析4 TextInputConnection 中 setEditingState这个函数调用

/// Requests that the text input control change its internal state to match the given state.
void setEditingState(TextEditingValue value) {
assert(attached);
print(" setEditingState ${value.text} ");
SystemChannels.textInput.invokeMethod(
‘TextInput.setEditingState’,
value.toJSON(),
);
}

当控件获取焦点的时候调用此函数。

Future _handleTextInputInvocation(MethodCall methodCall) async {
print(" _handleTextInputInvocation MethodCall ${methodCall.method} ");
if (_currentConnection == null)
return;
final String method = methodCall.method;
final List args = methodCall.arguments;
final int client = args[0];
// The incoming message was for a different client.
if (client != _currentConnection._id)
return;
switch (method) {
case ‘TextInputClient.updateEditingState’:
_currentConnection._client.updateEditingValue(TextEditingValue.fromJSON(args[1]));
break;
case ‘TextInputClient.performAction’:
_currentConnection._client.performAction(_toTextInputAction(args[1]));
break;
default:
throw MissingPluginException();
}