输入框(React Native - Android)- 支持 onKeyPreIme

3

在原生代码(Java)中,我可以使用句柄 onKeyPreIme 创建 TextInput

像这样:

com/myapp/CustomEditText.java
package com.myapp;

import android.content.Context;
import android.util.AttributeSet;
import android.view.KeyEvent;
import android.widget.EditText;

public class CustomEditText extends EditText {

  public CustomEditText(Context context, AttributeSet attrs) {
    super(context, attrs);
  }

  @Override
  public boolean onKeyPreIme(int keyCode, KeyEvent event) {
    if (keyCode == KeyEvent.KEYCODE_BACK) {
        return true;
    }
    return false;
  }
}

xml

// res/layout/activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<com.myapp.CustomEditText
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:id="@+id/someid"
  android:layout_height="wrap_content"
  android:layout_width="match_parent"
/>

MainActivity.java

// com/myapp/MainActivity.java

package com.myapp;

import android.os.Bundle;
import com.facebook.react.ReactActivity;

public class MainActivity extends ReactActivity {
...
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main); //this line test TextInput
    ...  
  }
}

React Native是否支持在中实现此功能?

感谢任何帮助。

编辑:我的目标是在键盘显示时停止后退操作。 在本机上,使用onKeyPreIme很容易。 我尝试使用React Native的@Override onBackPressBackHandler,但也不起作用。

// MainActivity.java

@Override
public void onBackPressed() {
  return;
}

这段代码在键盘显示时不起作用。


你可以轻松地使用react-nativeBackHandlerKeyboard组件来完成它。只需检查键盘是否显示,然后在BackHandler中处理即可。 - Aditya
@Heisen-Berg,如何在Android中使用BackHandler来强制键盘不隐藏?我已经尝试过了,但是键盘仍然会隐藏。我通过在BackHandler中添加console.log进行测试,但是当键盘显示时按下返回键时控制台没有显示任何内容。 - Tron Natthakorn
1个回答

2
const blackBack = () => true;

Keyboard.addListener('keyboardDidShow', () => {
    BackHandler.addListener('hardwareBackPress', blackBack)
});

Keyboard.addListener('keyboardDidHide', () => {
    BackHandler.removeListener('hardwareBackPress', blackBack)
});

1
哦,也许这个没有捕捉到 onPreIme。这很有趣。 - Noitidart

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接