升级targetSdkVersion至31后React Native三星Android13设备频繁ANR求助

问题背景 #

将应用targetSdkVersion升级至31后，Google Play上线版本在Android 13三星设备上频繁出现ANR，测试阶段未复现。两条ANR日志均与文本输入操作相关：

• 第一条：退格操作触发，调用链阻塞在LineBreaker初始化与DynamicLayout重排
• 第二条：输入文本提交时，SpannableString的Span查询操作阻塞主线程

已尝试关闭三星输入法自动校正、升级androidx.work:work-runtime:2.7.1修复mutable相关问题，但无效。

日志分析 #

第一条ANR核心阻塞路径 #

io.sentry.android.core.ApplicationNotResponding
→ android.graphics.text.LineBreaker.<init>
→ android.text.DynamicLayout.reflow
→ android.text.SpannableStringBuilder.replace
→ android.text.method.BaseKeyListener.backspace

退格操作触发文本替换，进而触发DynamicLayout重排，Android 13三星设备的LineBreaker原生实现存在性能瓶颈，导致主线程阻塞超过5s。

第二条ANR核心阻塞路径 #

io.sentry.android.core.ApplicationNotResponding
→ android.text.SpannableStringInternal.getSpans
→ android.text.SpannableStringBuilder.replace
→ android.view.inputmethod.BaseInputConnection.commitText

输入法提交文本时，SpannableString遍历Span的操作在三星设备上耗时过长，主线程无法及时响应。

解决方案建议 #

1. 升级React Native至Android 13兼容版 #

targetSdkVersion=31对应Android 13，需确保React Native版本支持该API等级：

• RN 0.68+开始初步支持Android 13，建议升级至0.70+稳定版，官方已修复部分文本输入组件的兼容性问题。

2. 自定义ReactEditText优化文本处理 #

通过自定义EditText替换原生组件，规避系统LineBreaker和Span操作的性能问题：

// 自定义优化版ReactEditText
public class OptimizedReactEditText extends ReactEditText {
    public OptimizedReactEditText(Context context) {
        super(context);
        initOptimizations();
    }

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

    private void initOptimizations() {
        // 1. 禁用自动换行，减少LineBreaker调用（适用于单行输入场景）
        setHorizontallyScrolling(true);
        // 2. 批量处理Span操作，减少主线程通知次数
        setKeyListener(new QwertyKeyListener(getKeyListener()) {
            @Override
            public boolean onKeyDown(View view, Editable text, int keyCode, KeyEvent event) {
                text.beginBatchEdit();
                boolean result = super.onKeyDown(view, text, keyCode, event);
                text.endBatchEdit();
                return result;
            }
        });
    }
}

在React Native中注册并使用该组件：

import { requireNativeComponent } from 'react-native';

const OptimizedTextInput = requireNativeComponent('OptimizedReactEditText');

// 组件使用示例
<OptimizedTextInput 
  style={{ height: 40, borderWidth: 1, borderColor: '#ccc' }}
  placeholder="请输入内容"
/>

3. 自定义InputConnection优化文本提交 #

拦截输入法提交文本的操作，批量处理Span更新：

@Override
public InputConnection onCreateInputConnection(EditorInfo outAttrs) {
    InputConnection connection = super.onCreateInputConnection(outAttrs);
    if (connection instanceof BaseInputConnection) {
        return new OptimizedInputConnection((BaseInputConnection) connection, this);
    }
    return connection;
}

private static class OptimizedInputConnection extends BaseInputConnection {
    private final TextView textView;

    public OptimizedInputConnection(BaseInputConnection delegate, TextView textView) {
        super(delegate.getTargetView(), false);
        this.textView = textView;
    }

    @Override
    public boolean commitText(CharSequence text, int newCursorPosition) {
        Editable editable = textView.getEditableText();
        editable.beginBatchEdit();
        boolean result = super.commitText(text, newCursorPosition);
        editable.endBatchEdit();
        return result;
    }
}

4. 禁用三星输入法额外功能 #

引导用户关闭输入法的预测文本、表情建议、拼写检查等功能，这类功能会增加Span操作复杂度，加重主线程负担。

5. 用StrictMode定位耗时操作 #

在调试版本中启用StrictMode，监控主线程的耗时代码：

if (BuildConfig.DEBUG) {
    StrictMode.setThreadPolicy(new StrictMode.ThreadPolicy.Builder()
            .detectAll()
            .penaltyLog()
            .build());
}

通过Logcat输出定位输入操作中具体的阻塞点。

内容的提问来源于stack exchange，提问作者Md Javed Akhtar