React Native Android横屏场景下如何强制TextInput触发键盘全屏编辑模式

Android系统的键盘全屏编辑模式（提取编辑模式）由输入法根据EditorInfo配置判断是否开启，官方disableFullscreenUI仅为关闭该模式的开关，无法实现强制开启，需要通过修改原生EditText的输入连接配置实现，以下是可落地的原生方案：

方案1：修改RN原生TextInput源码（最优原生方案，无业务侵入） #

• 找到RN源码中com.facebook.react.views.textinput.ReactEditText类，重写onCreateInputConnection方法，强制修改输入法配置：

@Override
public InputConnection onCreateInputConnection(EditorInfo outAttrs) {
    InputConnection connection = super.onCreateInputConnection(outAttrs);
    // 移除禁用全屏编辑的标记
    outAttrs.imeOptions &= ~EditorInfo.IME_FLAG_NO_EXTRACT_UI;
    // Android 11及以上新增强制开启提取模式的标记，低版本可自动兼容
    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.R) {
        outAttrs.imeOptions |= EditorInfo.IME_FLAG_FORCE_EXTRACT_UI;
    }
    return connection;
}

• 修改完成后编译RN源码，或使用patch-package工具生成补丁包，项目中直接安装补丁即可，不需要修改业务层的TextInput调用代码。

方案2：自定义原生TextInput组件 #

如果不想修改RN官方源码，可以自行封装原生EditText组件：

• 原生侧实现继承自EditText的自定义组件，按上述代码重写onCreateInputConnection方法
• 按照RN原生组件封装规范，将组件导出给JS层使用，业务层替换原有TextInput即可，所有原有属性都可以正常复用

注意事项 #

• 部分定制ROM的第三方输入法可能忽略系统配置的强制开启标记，这种情况可以加简单的兼容逻辑：监听键盘高度变化，如果横屏聚焦后键盘高度小于屏幕高度的1/2，判定未开启全屏模式，再触发自定义全屏输入页的兜底方案即可。
• 该方案不需要修改任何业务逻辑的交互，完全符合Android原生的输入法交互规范。

内容的提问来源于stack exchange，提问作者Faruk Yazici