React-native: NullPointerException: соблазн вызвать виртуальный метод android.graphics.drawable.Drawable android.graphics.drawable.Drawable $ ConstantState.newDrawable (android.content.res.Resources)

Столкнувшись с той же проблемой.

То же самое здесь [email protected]

com.facebook.react.views.textinput.ReactEditText.onTouchEvent
ReactEditText.java - line 163
java.lang.NullPointerException: Attempt to invoke virtual method 'android.graphics.drawable.Drawable android.graphics.drawable.Drawable$ConstantState.newDrawable(android.content.res.Resources)' on a null object reference
Attempt to invoke virtual method 'android.graphics.drawable.Drawable android.graphics.drawable.Drawable$ConstantState.newDrawable(android.content.res.Resources)' on a null object reference
1
android.graphics.drawable.DrawableContainer$DrawableContainerState.getChild DrawableContainer.java:884
2
android.graphics.drawable.DrawableContainer.selectDrawable DrawableContainer.java:466
3
android.graphics.drawable.StateListDrawable.onStateChange StateListDrawable.java:104
4
android.graphics.drawable.Drawable.setState Drawable.java:736
5
android.graphics.drawable.DrawableWrapper.onStateChange DrawableWrapper.java:331
6
android.graphics.drawable.Drawable.setState Drawable.java:736
7
android.view.View.drawableStateChanged View.java:19223
8
android.widget.TextView.drawableStateChanged TextView.java:4673
9
android.view.View.refreshDrawableState View.java:19292
10
android.view.View.setPressed View.java:9135
11
android.view.View.setPressed View.java:9113
12
android.view.View.onTouchEvent View.java:12357
13
android.widget.TextView.onTouchEvent TextView.java:10095
14
com.facebook.react.views.textinput.ReactEditText.onTouchEvent ReactEditText.java:163

Та же проблема

Та же проблема. Тот же журнал

То же самое здесь на RN 44.0

+1 еще один

Ребят перезапуск упаковщика и очистка кеша у меня сработали!

То же самое для меня. Я использую RN 0.51.0 и response-native-material-textfield 0.12.0.

Я тоже сталкиваюсь с этой проблемой. Странно то, что отследить ошибку очень сложно, так как трассировка стека не содержит никакой полезной информации. Даже не знаю, в чем могла быть ошибка.
Буду обновлять здесь, если найду решение

Такая же ошибка происходит на RN 0.52.0.

Спасибо, что разместили это! Похоже, вы используете не последнюю версию React Native v0.53.0, выпущенную в январе 2018 года. Можете ли вы убедиться, что эта проблема все еще может быть воспроизведена в последней версии?

Я собираюсь закрыть это, но, пожалуйста, не стесняйтесь открывать новую проблему, если вы можете подтвердить, что это все еще проблема в версии 0.53.0 или новее.

_{Как внести свой вклад • Чего ожидать от сопровождающих}

Та же проблема с 0.53.3

Та же проблема

@ response-native-bot Требуется повторно открыть проблему

сталкивается с той же проблемой с Android 8

Тоже самое. React native 0.53.3, SM-T550, уровень API 25 (Android 7.0)

эта проблема только что возникла у меня, React native 0.53.3 - Android 8.1.

React native 0.53.3, android 8, та же проблема

Та же проблема, response-native 0.53.0 и android 8. Странно, потому что эта ошибка кажется случайной. Я не могу найти точных шагов для его воспроизведения.

Установите производственное приложение с RN 0.54.2, и это, похоже, повлияет на некоторых пользователей Android 8.0.0 при запуске приложения.

Почему этот вопрос закрыт? Некоторые из нас сталкиваются с этой проблемой в производственной среде, поэтому «перезапуск упаковщика» не является приемлемым решением.

Эту проблему необходимо открыть повторно, поскольку она влияет на текущую версию.

Я также сталкиваюсь со следами стека, которые могут быть связаны:

Fatal Exception: java.lang.NullPointerException: Attempt to invoke virtual method 'android.graphics.drawable.Drawable android.graphics.drawable.Drawable$ConstantState.newDrawable(android.content.res.Resources)' on a null object reference
       at android.graphics.drawable.DrawableContainer$DrawableContainerState.createAllFutures(DrawableContainer.java:875)
       at android.graphics.drawable.DrawableContainer$DrawableContainerState.getOpacity(DrawableContainer.java:1158)
       at android.graphics.drawable.DrawableContainer.getOpacity(DrawableContainer.java:433)
       at android.graphics.drawable.InsetDrawable.getOpacity(InsetDrawable.java:258)
       at android.view.View.computeOpaqueFlags(View.java:16791)
       at android.view.View.setBackgroundDrawable(View.java:21710)
       at android.view.View.setBackground(View.java:21603)
       at android.view.View.<init>(View.java:5547)
       at android.widget.TextView.<init>(TextView.java:1135)
       at android.widget.EditText.<init>(EditText.java:107)
       at android.widget.EditText.<init>(EditText.java:103)
       at android.widget.EditText.<init>(EditText.java:99)
       at android.widget.EditText.<init>(EditText.java:95)
       at com.facebook.react.views.textinput.ReactEditText.<init>(ReactEditText.java:92)
       at com.facebook.react.views.textinput.ReactTextInputManager.createViewInstance(ReactTextInputManager.java:94)
       at com.facebook.react.views.textinput.ReactTextInputManager.createViewInstance(ReactTextInputManager.java:65)
       at com.facebook.react.uimanager.ViewManager.createView(ViewManager.java:46)
       at com.facebook.react.uimanager.NativeViewHierarchyManager.createView(NativeViewHierarchyManager.java:218)
       at com.facebook.react.uimanager.UIViewOperationQueue$CreateViewOperation.execute(UIViewOperationQueue.java:150)
       at com.facebook.react.uimanager.UIViewOperationQueue$DispatchUIFrameCallback.dispatchPendingNonBatchedOperations(UIViewOperationQueue.java:923)
       at com.facebook.react.uimanager.UIViewOperationQueue$DispatchUIFrameCallback.doFrameGuarded(UIViewOperationQueue.java:895)
       at com.facebook.react.uimanager.GuardedFrameCallback.doFrame(GuardedFrameCallback.java:31)
       at com.facebook.react.modules.core.ReactChoreographer$ReactChoreographerDispatcher.doFrame(ReactChoreographer.java:136)
       at com.facebook.react.modules.core.ChoreographerCompat$FrameCallback$1.doFrame(ChoreographerCompat.java:107)
       at android.view.Choreographer$CallbackRecord.run(Choreographer.java:909)
       at android.view.Choreographer.doCallbacks(Choreographer.java:723)
       at android.view.Choreographer.doFrame(Choreographer.java:655)
       at android.view.Choreographer$FrameDisplayEventReceiver.run(Choreographer.java:897)
       at android.os.Handler.handleCallback(Handler.java:789)
       at android.os.Handler.dispatchMessage(Handler.java:98)
       at android.os.Looper.loop(Looper.java:164)
       at android.app.ActivityThread.main(ActivityThread.java:6938)
       at java.lang.reflect.Method.invoke(Method.java)
       at com.android.internal.os.Zygote$MethodAndArgsCaller.run(Zygote.java:327)
       at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:1374)

Fatal Exception: java.lang.NullPointerException: Attempt to invoke virtual method 'android.graphics.drawable.Drawable android.graphics.drawable.DrawableContainer$DrawableContainerState$ConstantStateFuture.get(android.graphics.drawable.DrawableContainer$DrawableContainerState)' on a null object reference
       at android.graphics.drawable.DrawableContainer$DrawableContainerState.getChild(DrawableContainer.java:823)
       at android.graphics.drawable.DrawableContainer.selectDrawable(DrawableContainer.java:452)
       at android.graphics.drawable.StateListDrawable.onStateChange(StateListDrawable.java:104)
       at android.graphics.drawable.Drawable.setState(Drawable.java:680)
       at android.graphics.drawable.DrawableWrapper.onStateChange(DrawableWrapper.java:279)
       at android.graphics.drawable.Drawable.setState(Drawable.java:680)
       at android.graphics.drawable.LayerDrawable.onStateChange(LayerDrawable.java:1381)
       at android.graphics.drawable.Drawable.setState(Drawable.java:680)
       at android.view.View.drawableStateChanged(View.java:17003)
       at android.widget.TextView.drawableStateChanged(TextView.java:3984)
       at android.view.View.refreshDrawableState(View.java:17067)
       at android.view.View.setPressed(View.java:7914)
       at android.view.View.setPressed(View.java:7892)
       at android.view.View.access$2900(View.java:708)
       at android.view.View$CheckForTap.run(View.java:21187)
       at android.os.Handler.handleCallback(Handler.java:739)
       at android.os.Handler.dispatchMessage(Handler.java:95)
       at android.os.Looper.loop(Looper.java:148)
       at android.app.ActivityThread.main(ActivityThread.java:5451)
       at java.lang.reflect.Method.invoke(Method.java)
       at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:726)
       at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:616)

@grabbou можем мы снова открыть эту проблему?

Такая же проблема здесь android 8.0 api 26

То же самое с 0.54.2.

Я сузил его до <TextInput> , отображаемого в FlatList. Когда я заменяю это на <Text> , проблема исчезает.

Пожалуйста, воспроизведите последнюю версию, доступную сейчас, и я открою ее снова.

То же самое здесь @ radko93

Android 8.1 API 27

"dependencies": {
"реагировать": "16.3.1",
"react-native": "0.55.1",
"реагировать-родной-линейный градиент": "^ 2.4.0",
"реагировать-родные-векторные-иконки": "^ 4.6.0",
"реагировать-навигация": "^ 1.5.11"
},

Попытка вызвать виртуальный метод android.graphics.drawable.Drawable android.graphics.drawable.Drawable $ ConstantState.newDrawable (android.content.res.Resources) для ссылки на нулевой объект
createAllFutures
DrawableContainer. Java: 875
getOpacity
DrawableContainer. Java: 1158
getOpacity
DrawableContainer. Java: 433
getOpacity
InsetDrawable. Java: 258
computeOpaqueFlags
Посмотреть. java: 15698
setBackgroundDrawable
Посмотреть. java: 20502
setBackground
Посмотреть. java: 20395

Посмотреть. java: 5238

TextView. Java: 826

Редактировать текст. Java: 88

Редактировать текст. java: 84

Редактировать текст. Java: 80

Редактировать текст. Java: 76
setThemedContext
ReactTextInputShadowNode. Java: 80
createView
UII реализация. java: 282
createView
UIManagerModule. Java: 366
вызывать
Method.java
вызывать
JavaMethodWrapper. java: 372
вызывать
JavaModuleWrapper. java: 160
бежать
NativeRunnable.java
handleCallback
Обработчик. Java: 790
dispatchMessage
Обработчик. Java: 99
dispatchMessage
MessageQueueThreadHandler. java: 29
петля
Looper. Java: 164
бежать
MessageQueueThreadImpl. Java: 192
бежать
Нить. Java: 764

Та же проблема

package.json
"dependencies": {
"реагировать": "16.3.1",
"react-native": "0.55.2",
},

build.gradle
compileSdkVersion 26
buildToolsVersion "26.0.2"
minSdkВерсия 16

Та же проблема.

java.lang.NullPointerException: Attempt to invoke virtual method 'android.graphics.drawable.Drawable android.graphics.drawable.Drawable$ConstantState.newDrawable(android.content.res.Resources)' on a null object reference
    at android.graphics.drawable.DrawableContainer$DrawableContainerState.getChild(DrawableContainer.java:888)
    at android.graphics.drawable.DrawableContainer.selectDrawable(DrawableContainer.java:466)
    at android.graphics.drawable.StateListDrawable.onStateChange(StateListDrawable.java:104)
    at android.graphics.drawable.Drawable.setState(Drawable.java:735)
    at android.graphics.drawable.DrawableWrapper.onStateChange(DrawableWrapper.java:331)
    at android.graphics.drawable.Drawable.setState(Drawable.java:735)
    at android.view.View.drawableStateChanged(View.java:18038)
    at android.widget.TextView.drawableStateChanged(TextView.java:4108)
    at android.view.View.refreshDrawableState(View.java:18107)
    at android.view.View.setPressed(View.java:8536)
    at android.view.View.setPressed(View.java:8514)
    at android.view.View.onTouchEvent(View.java:11262)
    at android.widget.TextView.onTouchEvent(TextView.java:8489)
    at com.facebook.react.views.textinput.ReactEditText.onTouchEvent(ReactEditText.java:162)
    at android.view.View.dispatchTouchEvent(View.java:10054)
    at android.view.ViewGroup.dispatchTransformedTouchEvent(ViewGroup.java:2663)
    at android.view.ViewGroup.dispatchTouchEvent(ViewGroup.java:2336)
    at android.view.ViewGroup.dispatchTransformedTouchEvent(ViewGroup.java:2663)
    at android.view.ViewGroup.dispatchTouchEvent(ViewGroup.java:2336)
    at android.view.ViewGroup.dispatchTransformedTouchEvent(ViewGroup.java:2663)
    at android.view.ViewGroup.dispatchTouchEvent(ViewGroup.java:2336)
    at android.view.ViewGroup.dispatchTransformedTouchEvent(ViewGroup.java:2663)
    at android.view.ViewGroup.dispatchTouchEvent(ViewGroup.java:2336)
    at android.view.ViewGroup.dispatchTransformedTouchEvent(ViewGroup.java:2663)
    at android.view.ViewGroup.dispatchTouchEvent(ViewGroup.java:2336)
    at android.view.ViewGroup.dispatchTransformedTouchEvent(ViewGroup.java:2663)
    at android.view.ViewGroup.dispatchTouchEvent(ViewGroup.java:2336)
    at android.view.ViewGroup.dispatchTransformedTouchEvent(ViewGroup.java:2663)
    at android.view.ViewGroup.dispatchTouchEvent(ViewGroup.java:2336)
    at android.view.ViewGroup.dispatchTransformedTouchEvent(ViewGroup.java:2663)
    at android.view.ViewGroup.dispatchTouchEvent(ViewGroup.java:2336)
    at android.view.ViewGroup.dispatchTransformedTouchEvent(ViewGroup.java:2663)
    at android.view.ViewGroup.dispatchTouchEvent(ViewGroup.java:2336)
    at android.view.ViewGroup.dispatchTransformedTouchEvent(ViewGroup.java:2663)
    at android.view.ViewGroup.dispatchTouchEvent(ViewGroup.java:2336)
    at android.view.ViewGroup.dispatchTransformedTouchEvent(ViewGroup.java:2663)
    at android.view.ViewGroup.dispatchTouchEvent(ViewGroup.java:2336)
    at com.android.internal.policy.DecorView.superDispatchTouchEvent(DecorView.java:432)
    at com.android.internal.policy.PhoneWindow.superDispatchTouchEvent(PhoneWindow.java:1841)
    at android.app.Activity.dispatchTouchEvent(Activity.java:3233)
    at com.android.internal.policy.DecorView.dispatchTouchEvent(DecorView.java:394)
    at android.view.View.dispatchPointerEvent(View.java:10286)
    at android.view.ViewRootImpl$ViewPostImeInputStage.processPointerEvent(ViewRootImpl.java:4514)
    at android.view.ViewRootImpl$ViewPostImeInputStage.onProcess(ViewRootImpl.java:4370)
    at android.view.ViewRootImpl$InputStage.deliver(ViewRootImpl.java:3883)
    at android.view.ViewRootImpl$InputStage.onDeliverToNext(ViewRootImpl.java:3953)
    at android.view.ViewRootImpl$InputStage.forward(ViewRootImpl.java:3911)
    at android.view.ViewRootImpl$AsyncInputStage.forward(ViewRootImpl.java:4053)
    at android.view.ViewRootImpl$InputStage.apply(ViewRootImpl.java:3919)
    at android.view.ViewRootImpl$AsyncInputStage.apply(ViewRootImpl.java:4110)
    at android.view.ViewRootImpl$InputStage.deliver(ViewRootImpl.java:3883)
    at android.view.ViewRootImpl$InputStage.onDeliverToNext(ViewRootImpl.java:3953)
    at android.view.ViewRootImpl$InputStage.forward(ViewRootImpl.java:3911)
    at android.view.ViewRootImpl$InputStage.apply(ViewRootImpl.java:3919)
    at android.view.ViewRootImpl$InputStage.deliver(ViewRootImpl.java:3883)
    at android.view.ViewRootImpl.deliverInputEvent(ViewRootImpl.java:6359)
    at android.view.ViewRootImpl.doProcessInputEvents(ViewRootImpl.java:6333)
    at android.view.ViewRootImpl.enqueueInputEvent(ViewRootImpl.java:6288)
    at android.view.ViewRootImpl$WindowInputEventReceiver.onInputEvent(ViewRootImpl.java:6469)
    at android.view.InputEventReceiver.dispatchInputEvent(InputEventReceiver.java:193)
    at android.os.MessageQueue.nativePollOnce(Native Method)
    at android.os.MessageQueue.next(MessageQueue.java:323)
    at android.os.Looper.loop(Looper.java:136)
    at android.app.ActivityThread.main(ActivityThread.java:6295)
    at java.lang.reflect.Method.invoke(Native Method)
    at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:900)
    at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:790)

Android: 7.1.1
React-Native 75 р.

Та же проблема.

та же проблема, в производственной среде ， мое устройство - HUAWEI (LLD-AL10) 8.0.0, в настоящее время я использую React Native 0.46.2, спасибо

Такая же проблема возникает при использовании последней версии react-native (0.55.3). Проблема, похоже, связана с TextInput в FlatList, как упоминалось выше. Получение ошибки в android 8.0 и 8.1. Есть ли обходные пути, чтобы избежать этой проблемы?

Я могу воспроизвести эту ошибку, создав новый проект React Native с init-native init и изменив App.js на

import React, { Component } from 'react';
import {
  StyleSheet,
  TextInput,
  View
} from 'react-native';

type Props = {};
export default class App extends Component<Props> {
  render() {
    const inputs = Array.apply(null, Array(256)).map((_, i) => i)
    return (
      <View>
        {inputs.map(i => <TextInput key={i} />)}
      </View>
    );
  }
}

Я запускал это на Galaxy S8 с Android 8.0.0 из MacOS 10.13.3.

"dependencies": {
    "react": "16.3.1",
    "react-native": "0.55.3"
},

Я не знаю, не связана ли ошибка напрямую с количеством TextInputs, но это единственный способ воспроизвести эту ошибку достаточно надежным образом. При 128 входах я не получал эту ошибку при каждом перезапуске, но после нескольких перезагрузок она появлялась. При 256 голых TextInputs я не думаю, что смог запустить приложение без появления ошибки. Я также заметил, что добавление элементов между TextInputs, похоже, снижает вероятность получения этой ошибки, поэтому, скорее всего, она не связана напрямую с количеством TextInputs. Я пробовал это в своем текущем приложении, и добавление сотен TextInputs на начальный экран также вызвало эту ошибку, но другие мои представления с аналогичным количеством TextInputs, заключенных в другие элементы, похоже, не всегда вызывают эту ошибку, поскольку у меня есть некоторые в моем приложении .

У меня такая же проблема. Я запускал это на Huawei P10 с Android 8.0.0.
"react": "^16.2.0", "react-native": "^0.55.0",
Скриншот

Похоже, проблема в TextInputs. Это происходит на моем Huawei P10 (Android 8.0.0). Есть ли уже исправление для этого?

Android: 7.1.1
"react-native": "0.53.3",

Спасибо, что разместили это! Похоже, ваша проблема может относиться к более старой версии React Native. Можете ли вы воспроизвести проблему в последней версии v0.55 ?

Спасибо за ваш вклад.

Я столкнулся с той же проблемой. Это связано с компонентом TextInput. Даже один TextInput, отображаемый на экране, вызывает эту ошибку. Есть ли обходные пути?

реагировать-родной: 0,55
реагировать: 16.3.1

Я меняю конструктор ReactEditText на «супер», похоже, не происходит,
но закомментируйте «underlineColorAndroid»
https://github.com/yuanboGeng/react-native/commit/36f7949f9a3e9c1f3b10df43a9f495f9f8712a1f
реагировать-родной: 0.53.3
реагировать: 16.2.0

Это начало происходить для меня после обновления моего эмулятора до уровня API 26 с уровня API 21.

У меня эта ошибка появлялась без причины во время разработки. Я очистил свои папки / build и снова запустил run-android . Проблема исчезла. Очень странно. Я надеюсь, что для некоторых из вас это решит чистая сборка.

Имея такую ​​же проблему. Одно небольшое различие - в моем случае я вкладываю TextInputs внутрь VirtualizedList (родительский элемент FlatList), и проблема возникает только тогда, когда я начинаю прокручивать этот список, даже тогда, когда я получаю его только периодически, а не постоянно. Подобно другим, это происходит в производственной среде, поэтому перезапуск упаковщика невозможен.

Судя по некоторым поискам, похоже, что это связано со старой проблемой в самом Android: https://issuetracker.google.com/issues/37068452
Если это основная проблема, ее можно решить, просто обновив compileSdk и поддерживающие версии библиотеки в проекте RN. Хотя понятия не имею, что такое LoE.

Обновление: попытка заставить подпроекты использовать более высокую версию инструментов сборки и compileSdk не решила эту проблему для моего проекта, как описано в этом сообщении SO . Не уверен, что я просто неправильно применил эти более высокие версии, если моя настройка сборки не рассматривает RN как подпроект таким образом, или это действительно не подходящее решение проблемы здесь.

РЕДАКТИРОВАТЬ 2: Похоже, что ReactEditText даже не использует версию библиотеки поддержки EditText (которая была бы AppCompatEditText), что объясняет, почему обновление библиотеки поддержки ничего не дало. Я изучаю это - потребуется еще пара обновлений, чем просто изменение наследования, чтобы заставить это работать, но это _может_ быть правильным решением этой проблемы.

РЕДАКТИРОВАТЬ 3: Это не было решением. Я больше не уверен, что эта проблема такая же, как и проблема связанного AOSP.
Я могу сказать, что, похоже, не имеет значения, в какой вид ScrollView вы помещаете свой текст - я смог воспроизвести как в VirtualizedList, так и в ScrollView, и многие в этом потоке сделали это с помощью FlatList.

у меня такой же на производстве

Я тоже столкнулся с этой проблемой. Запуск cd android ; ./gradlew clean ; cd .. ; react-native run-android работает для меня, как указал @mbret (спасибо!)

Отлично, но как насчет приложений, работающих с реальными клиентами? : |

Извините @ahanusek , я не говорю, что это решает проблему, я просто говорю, что при разработке это сработало для меня (в надежде, что это также поможет кому-то другому).

Но даже для разработки это не выход. Хорошо, вы очищаете свою сборку, снова запускаете приложение, но если вы используете ввод «с трудом», вы все равно можете снова получить эту ошибку.

@ahanusek Да, я согласен с вами, и ни в коем случае не спорю с вами. Это не решение, но для меня, и на данный момент оно сработало, чтобы позволить мне продолжить разработку

Также вижу это, v0.55.4:

Совершенно уверен, что у меня нет TextField в FlatList или VirtualizedList, fwiw. Это происходит в нашей производственной сборке.

Видя эту проблему в v0.55.4 . И да, мы используем TextInput в списке.

Происходит в React 0.55. Следующий

Также происходит в react native 0.55, используя ввод в плоском списке.

Публикация здесь фактического сообщения на случай, если люди не увидят мой отредактированный комментарий:

Я могу сказать, что, похоже, не имеет значения, в какой вид ScrollView вы помещаете свой текст - я смог воспроизвести как в VirtualizedList, так и в ScrollView, и многие в этом потоке сделали это с помощью FlatList.
Или, говоря иначе, проблема сводится к
RN Crashes when loading a very large number of TextInputs. Usually this happens in a ScrollView (or some descended component class of one), but one person got it to happen in a plain View

Та же проблема

Я тоже столкнулся с той же проблемой.

Как ни странно, это началось со мной не раньше прошлой ночи, и я рендерил TextInputs одним и тем же способом уже более месяца в разработке.

Android версии 9
Реагировать "16.3.1"
React-Native "~ 0.55.2"

Мы также столкнулись с аналогичной проблемой в нашем коде

Журналы сбоев:
Неустранимое исключение: java.lang.NullPointerException: попытка вызвать виртуальный метод android.graphics.drawable.Drawable android.graphics.drawable.Drawable $ ConstantState.newDrawable (android.content.res.Resources) для ссылки на нулевой объект
в android.graphics.drawable.DrawableContainer $ DrawableContainerState.createAllFutures (DrawableContainer.java:875)
в android.graphics.drawable.DrawableContainer $ DrawableContainerState.getOpacity (DrawableContainer.java:1158)
в android.graphics.drawable.DrawableContainer.getOpacity (DrawableContainer.java:433)
в android.graphics.drawable.InsetDrawable.getOpacity (InsetDrawable.java:258)
в android.view.View.computeOpaqueFlags (View.java:16791)
в android.view.View.setBackgroundDrawable (View.java:21710)
в android.view.View.setBackground (View.java:21603)
в android.view.View.(View.java:5547)
в android.widget.TextView.(TextView.java:1135)
в android.widget.EditText.(EditText.java:107)
в android.widget.EditText.(EditText.java:103)
в android.widget.EditText.(EditText.java:99)
в android.widget.EditText.(EditText.java:95)
в com.facebook.react.views.textinput.ReactEditText.(ReactEditText.java:92)

В чем, кажется, проблема?
Пытался провести несколько расследований:
- более 1000 работ edittext в чистом приложении для Android
- около 200 ReactTextInput не работают, как указано здесь

• Некоторый анализ проблемы выявил любопытный сценарий многопоточности, выходящий из SparseArray.
  - SparseArray не является потокобезопасным и в то же время внутри него есть логика gc ()
  - SparseArray используется для DrawableContainerState, а новый DrawableContainerState может быть создан с использованием доступных для рисования фьючерсов существующего постоянного состояния (это SparseArray) путем клонирования
  - Вышеупомянутый рецепт для многопоточного исключения нулевого указателя, и это происходит, как показано ниже
  - Поток собственного модуля, работающий над созданием теневого узла React Edit Text и его жизненным циклом, создает новый EditText (reactthemedcontext), что, в свою очередь, приводит к установке фонового рисования и, наконец, к вызову небезопасного кода потока SparseArray
  - Тем временем поток пользовательского интерфейса может использоваться для создания отображаемого EditText некоторого другого RTI, одновременно приводя к тому же небезопасному коду потока SparseArray
  - Исключение Nullpointer возникает, когда вызывается gc () и одновременно выполняется клонирование (это клонирование происходит внутри класса Drawable *) для того же объекта, что приводит к частично gc-ed объекту. Что-то вроде элемента из массива значений было удалено и обнулено, но флаг noOfItems еще не обновлен, поэтому клонированный объект имеет на один элемент меньше, чем указано в флаге noOfItems, и итерация может вызвать исключение нулевого указателя для удаленного индекса.

Как мы это решили или заставили работать?
[1] Переместите новый вызов EditText (context) в поток пользовательского интерфейса и измерьте асинхронность ShadowNode, но ожидая, пока этот объект EditText не будет создан в потоке пользовательского интерфейса - в основном переписал теневой узел setThemedContext и функции измерения
Недостатки: переключение ниток на каждый РТИ.

[2] Создайте EditText, используя надувной макет в собственном модуле, указав значение null для фона, и создайте только один раз фон, который можно рисовать, создав EditText в потоке пользовательского интерфейса и кэшируя его фон, который можно рисовать на уровне shadowNode. Этот drawable используется для установки фона dummyEditTexts, созданного с помощью надувателя макета, чтобы мера учитывала доступные для рисования отступы границы. В этом случае мере нужно только один раз дождаться создания Drawable

Я протестировал оба, и они отлично работают для 1024 ReactTextInput.

Примечание. Судя по результатам расследования, это действительно не кажется самым элегантным решением, но оно работает с минимальными изменениями и подтверждает анализ проблемы.

Предложения и критика приветствуются!

Код теневого узла:

пакет.richtextinput;
import android.content.Context;
import android.graphics.drawable.Drawable;
import android.os.Build;
import android.text.Layout;
import android.view.LayoutInflater;
import android.view.ViewGroup;
import android.widget.EditText;
import com.facebook.infer.annotation.Assertions;
import com.facebook.react.bridge.JSApplicationIllegalArgumentException;
import com.facebook.react.common.annotations.VisibleForTesting;
import com.facebook.react.uimanager.Spacing;
import com.facebook.react.uimanager.ThemedReactContext;
import com.facebook.react.uimanager.UIViewOperationQueue;
import com.facebook.react.uimanager.annotations.ReactProp;
import com.facebook.react.views.text.ReactBaseTextShadowNode;
import com.facebook.react.views.text.ReactTextUpdate;
import com.facebook.react.views.textinput.ReactTextInputLocalData;
import com.facebook.react.views.view.MeasureUtil;
импортировать com.facebook.yoga.YogaMeasureFunction;
импортировать com.facebook.yoga.YogaMeasureMode;
импортировать com.facebook.yoga.YogaMeasureOutput;
импортировать com.facebook.yoga.YogaNode;
импорт.Р;

import javax.annotation.Nullable;
// ПРИМЕЧАНИЕ: этот класс не сильно отличается от ReactTextInputShadowNode, ожидаемого в механизме
// установка контекста темы и выполнение меры
открытый класс ReactTextInputShadowNode расширяет ReactBaseTextShadowNode реализует YogaMeasureFunction
{
@VisibleForTesting
общедоступная статическая конечная строка PROP_TEXT = "текст";
частный статический Drawable sDummyEditTextBackgroundDrawable = null;

private int mMostRecentEventCount = UNSET;
private <strong i="13">@Nullable</strong> EditText mDummyEditText;
private <strong i="14">@Nullable</strong> ReactTextInputLocalData mLocalData;
// Represents the {<strong i="15">@code</strong> text} property only, not possible nested content.
private <strong i="16">@Nullable</strong> String mText = null;

public ReactRichTextInputShadowNode()
{
    mTextBreakStrategy = (Build.VERSION.SDK_INT < Build.VERSION_CODES.M) ?
            0 : Layout.BREAK_STRATEGY_SIMPLE;
    setMeasureFunction(this);
}

<strong i="17">@Override</strong>
public void setThemedContext(final ThemedReactContext themedContext)
{
    super.setThemedContext(themedContext);

    // Inflating with layout using background as null because new EditText(context) call
    // can cause NullPointer Exception during a race scenario of UI thread performing EditText
    // creation with background at the same time
    //   BACKGROUND:
    // ---------------
    // SparseArray is not threadsafe and at the same time there is logic of gc() inside it
    // SparseArray is used by DrawableContainerState and new DrawableContainerState may get
    // created using the an existing constant state's drawable futures(this is SparseArray) by
    // cloning
    // The above is a recipe for a multi-threaded null pointer exception and it happens as below
    //    - Native module thread working on RTI shadow node creation and its lifecycle does a
    //      new EditText(reactThemedContext) which in turn results in background drawable to be
    //      set and finally invoking the SparseArray thread unsafe code
    //    - UI thread meanwhile could be used to create the display EditText of some other RTI
    //      at the same time leading up to the same SparseArray thread unsafe code
    //    - Null pointer exception happens when the gc() is invoked and simultaneously clone is
    //      being done for the same object giving rise to a partially gc-ed object. Something
    //      like an item from values array was removed and null-ed but the noOfItems flag is yet
    //      to be updated, so cloned object has one item less than specified in noOfItems flag
    //      and iteration can cause null pointer exception for the deleted index.
    //
    //   Solution:
    // ------------
    // Create EditText using layout inflater on Native module while specifying null for
    // background and create only once the background drawable by creating an EditText on UI
    // thread and caching its background drawable at shadowNode level. In this case measure only
    // needs to wait once for the Drawable creation
    //      Shortcomings: Ideally we would like to create the Drawable on the same Native module
    //                    thread but not able to access android.internal stylable ids to
    //                    approach this solution

    LayoutInflater sInflater =
            (LayoutInflater) themedContext.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
    EditText editText  =
            (EditText) sInflater.inflate(R.layout.dummy_edit_text, null, false);

    // creating the EditText theme background on UI thread async to prevent above mentioned race
    // scenario
    if (sDummyEditTextBackgroundDrawable == null) {
        themedContext.runOnUiQueueThread(new Runnable() {
            <strong i="18">@Override</strong>
            public void run() {
                sDummyEditTextBackgroundDrawable = new EditText(themedContext).getBackground();
            }
        });
    }

    mDummyEditText = editText;
}

<strong i="19">@Override</strong>
public long measure(YogaNode node, float width, YogaMeasureMode widthMode, float height,
        YogaMeasureMode heightMode)
{
    // measure() should never be called before setThemedContext()
    EditText editText = Assertions.assertNotNull(mDummyEditText);

    if (mLocalData == null || sDummyEditTextBackgroundDrawable == null)
    {
        // No local data or edit text background drawable, no intrinsic size.
        return YogaMeasureOutput.make(0, 0);
    }

    // {<strong i="20">@code</strong> EditText} has by default a border at the bottom of its view
    // called "underline". To have a native look and feel of the TextEdit
    // we have to preserve it at least by default.
    // The border (underline) has its padding set by the background image
    // provided by the system (which vary a lot among versions and vendors
    // of Android), and it cannot be changed.
    // So, we have to enforce it as a default padding.
    // Sharing the same background drawable is not working in measure and Edit Text features.
    // Hence, cloning.
    editText.setBackground(sDummyEditTextBackgroundDrawable.getConstantState().newDrawable());
    setDefaultPadding(Spacing.START, editText.getPaddingStart());
    setDefaultPadding(Spacing.TOP, editText.getPaddingTop());
    setDefaultPadding(Spacing.END, editText.getPaddingEnd());
    setDefaultPadding(Spacing.BOTTOM, editText.getPaddingBottom());

    // We must measure the EditText without paddings, so we have to reset them.
    editText.setPadding(0, 0, 0, 0);

    // This is needed to fix an android bug since 4.4.3 which will throw an NPE in measure,
    // setting the layoutParams fixes it: https://code.google.com/p/android/issues/detail?id=75877
    editText.setLayoutParams(
          new ViewGroup.LayoutParams(
                  ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT));

    mLocalData.apply(editText);
    editText.measure(
          MeasureUtil.getMeasureSpec(width, widthMode),
          MeasureUtil.getMeasureSpec(height, heightMode));
    return YogaMeasureOutput.make(editText.getMeasuredWidth(), editText.getMeasuredHeight());
}

<strong i="21">@Override</strong>
public boolean isVirtualAnchor()
{
    return true;
}

<strong i="22">@Override</strong>
public boolean isYogaLeafNode()
{
    return true;
}

<strong i="23">@Override</strong>
public void setLocalData(Object data)
{
    Assertions.assertCondition(data instanceof ReactTextInputLocalData);
    mLocalData = (ReactTextInputLocalData) data;
    // Telling to Yoga that the node should be remeasured on next layout pass.
    dirty();
    // Note: We should NOT mark the node updated (by calling {<strong i="24">@code</strong> markUpdated}) here
    // because the state remains the same.
}
@ReactProp(name = "mostRecentEventCount")
public void setMostRecentEventCount(int mostRecentEventCount)
{
    mMostRecentEventCount = mostRecentEventCount;
}

@ReactProp(name = PROP_TEXT)
public void setText(<strong i="25">@Nullable</strong> String text)
{
    mText = text;
    markUpdated();
}

public <strong i="26">@Nullable</strong> String getText()
{
    return mText;
}

<strong i="27">@Override</strong>
public void setTextBreakStrategy(<strong i="28">@Nullable</strong> String textBreakStrategy)
{
    if (Build.VERSION.SDK_INT < Build.VERSION_CODES.M)
    {
        return;
    }
    if (textBreakStrategy == null || "simple".equals(textBreakStrategy))
    {
        mTextBreakStrategy = Layout.BREAK_STRATEGY_SIMPLE;
    }
    else if ("highQuality".equals(textBreakStrategy))
    {
        mTextBreakStrategy = Layout.BREAK_STRATEGY_HIGH_QUALITY;
    }
    else if ("balanced".equals(textBreakStrategy))
    {
        mTextBreakStrategy = Layout.BREAK_STRATEGY_BALANCED;
    }
    else
    {
        throw new JSApplicationIllegalArgumentException("Invalid textBreakStrategy: " +
                textBreakStrategy);
    }
}

<strong i="29">@Override</strong>
public void onCollectExtraUpdates(UIViewOperationQueue uiViewOperationQueue)
{
    if (mMostRecentEventCount != UNSET)
    {
        ReactTextUpdate reactTextUpdate =
            new ReactTextUpdate(
                    spannedFromShadowNode(this, getText()),
                    mMostRecentEventCount,
                    mContainsImages,
                    getPadding(Spacing.LEFT),
                    getPadding(Spacing.TOP),
                    getPadding(Spacing.RIGHT),
                    getPadding(Spacing.BOTTOM),
                    mTextAlign,
                    mTextBreakStrategy);
        uiViewOperationQueue.enqueueUpdateExtraData(getReactTag(), reactTextUpdate);
    }
}

<strong i="30">@Override</strong>
public void setPadding(int spacingType, float padding)
{
    super.setPadding(spacingType, padding);
    markUpdated();
}

} `

Файл макета текста фиктивного редактирования

<?xml version="1.0" encoding="utf-8"?> <EditText xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/dummy_edit_text" android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="@null" />

@sayantanbugs у вас есть фрагмент кода для этого решения? Благодаря!

Обновлен мой последний комментарий, чтобы включить код ShadowNode и макет, используемый для надувания фиктивного текста редактирования.

@sayantanbugs - Отличная 🕵️ работа! Попробуем это в нашем проекте и доложим! Благодаря!

Та же проблема
ReactNative: 0,55,4
Android: 8.0

@sayantanbugs, не могли бы вы предоставить

Та же проблема. Сообщается через Crashlytics без особых подробностей, поэтому устранить неполадки действительно сложно.

РН 55,3
Android 8

Fatal Exception: java.lang.NullPointerException: Attempt to invoke virtual method 'android.graphics.drawable.Drawable android.graphics.drawable.Drawable$ConstantState.newDrawable(android.content.res.Resources)' on a null object reference
       at android.graphics.drawable.DrawableContainer$DrawableContainerState.createAllFutures(DrawableContainer.java:875)
       at android.graphics.drawable.DrawableContainer$DrawableContainerState.getOpacity(DrawableContainer.java:1158)
       at android.graphics.drawable.DrawableContainer.getOpacity(DrawableContainer.java:433)
       at android.graphics.drawable.InsetDrawable.getOpacity(InsetDrawable.java:258)
       at android.view.View.computeOpaqueFlags(View.java:16791)
       at android.view.View.setBackgroundDrawable(View.java:21710)
       at android.view.View.setBackground(View.java:21603)
       at android.view.View.<init>(View.java:5547)
       at android.widget.TextView.<init>(TextView.java:1135)
       at android.widget.EditText.<init>(EditText.java:107)
       at android.widget.EditText.<init>(EditText.java:103)
       at android.widget.EditText.<init>(EditText.java:99)
       at android.widget.EditText.<init>(EditText.java:95)
       at com.facebook.react.views.textinput.ReactTextInputShadowNode.setThemedContext(ReactTextInputShadowNode.java:80)
       at com.facebook.react.uimanager.UIImplementation.createView(UIImplementation.java:282)
       at com.facebook.react.uimanager.UIManagerModule.createView(UIManagerModule.java:366)
       at java.lang.reflect.Method.invoke(Method.java)
       at com.facebook.react.bridge.JavaMethodWrapper.invoke(JavaMethodWrapper.java:372)
       at com.facebook.react.bridge.JavaModuleWrapper.invoke(JavaModuleWrapper.java:160)
       at com.facebook.react.bridge.queue.NativeRunnable.run(NativeRunnable.java)
       at android.os.Handler.handleCallback(Handler.java:789)
       at android.os.Handler.dispatchMessage(Handler.java:98)
       at com.facebook.react.bridge.queue.MessageQueueThreadHandler.dispatchMessage(MessageQueueThreadHandler.java:29)
       at android.os.Looper.loop(Looper.java:164)
       at com.facebook.react.bridge.queue.MessageQueueThreadImpl$3.run(MessageQueueThreadImpl.java:192)
       at java.lang.Thread.run(Thread.java:764)

Это основная причина сбоев в работе нашего приложения. Когда / как это может случиться?

То же самое и в производственной сборке.
Бывает при редактировании текста. Это случайно.

реагировать: 16.3.0
реагировать - родной: 0.54.4
такая же проблема, как исправить?

^^^ Больше людей должно попытаться решить проблему с помощью решения ReactTextInputShadowNode.java в папке react-native и замените код, который он предоставил, как его сообщение. Ты будешь приятно удивлен.

Спустя неделю после того, как я сделал это, я рад сообщить, что ошибка произошла только один раз. НО на этот раз все было по-другому ... Я смог перезапустить приложение и заставить его работать нормально без необходимости переустанавливать приложение через react-native run-android что было действительно больно, потому что раньше я буквально терял доступ к паре экранов, которые визуализировал те TextInputs. Я продолжу отмечать ошибку, если она появится снова, но пока я думаю, что с моей стороны она работает почти идеально. Отличная отладка, @sayantanbugs!

@ Friendly-Robot imo, это не решение. В лучшем случае это обходной путь. Это происходит в производственном коде, где мы не можем просто исправить непроверенное решение, которое, как вы даже признаете, не исправляет.

Если разработчика это раздражает, конечно, во что бы то ни стало. Но я не считаю разумным мотивировать людей использовать это как решение. Возможно, в качестве основы для пиара.

Согласен с @ Friendly-Robot (тем не менее, спасибо @sayantanbugs ). Кто-нибудь из RN здесь? Как вы думаете, сможет ли патч попасть в репозиторий RN и пройти тестирование?

Хорошо, я наконец смог протестировать подход @sayantanbugs , но он, похоже, не сработал для меня (он также основан на неосновном коде). Однако в качестве временного решения (по сравнению с решением фреймворка) вы можете предоставить свою собственную копию ReactEditText с исправленным методом drawableStateChanged() :

  <strong i="9">@Override</strong>
  protected void drawableStateChanged() {
    try {
      super.drawableStateChanged();
    } catch (Exception e) {
      Timber.e("Prevented Drawable crash!");
    }
  }

Это буквально просто патч, но, по крайней мере, приложение не вылетит. Насколько я могу судить, текстовый ввод по-прежнему отзывчив и работает, как ожидалось.

При воспроизведении сбоя (теперь исправленного) я мог видеть, что это фактическое исключение произошло несколько раз подряд.

РЕДАКТИРОВАТЬ:
Хммм ... пока все вроде работает, похоже, что состояние Drawable было повреждено навсегда. Даже после создания совершенно нового представления с новыми элементами ввода текста прикосновение к любому элементу ввода текста вызовет повторное отображение сообщения. К счастью, он отображается только при нажатии на поле ввода, а не при вводе текста.

Сегодня вечером я играл со своим представлением и переходом, я получал эту ошибку примерно двадцать раз ... Я ничего не делал, кроме как нажимал на свои переходы, чтобы проверить переходы между представлениями. Думаю, это большое дело: /

Спасибо @ Friendly-Robot за тестирование решения!

Согласитесь с тем, что большинство мнений о моем решении является патчем, и я упомянул об этом в своем исходном посте, который включает решение. Причина, по которой его все еще можно использовать в моем проекте, заключается в том, что мы создали более многофункциональный RTI на нашей стороне, расширяющий RN RTI. Следовательно, мы могли бы использовать мое решение в реализации ShadowNode моего настраиваемого RTI. Фактически, в нашем проекте мы поддерживаем модифицированную версию RN для исправления многих ошибок / вариантов использования RN, и, следовательно, мы также можем внести эти изменения в нее.

Я действительно планирую еще раз взглянуть на другие возможности, так как за это время мне пришлось решить насущную проблему за несколько дней.

Спасибо всем за отзыв!

@davidmontemayor , если эта проблема с возможностью рисования была замечена с моим исправлением, вы могли бы изменить shadowNode, чтобы просто всегда выполнять new EditText (), но перемещая этот вызов в UIthread и, таким образом, не обрабатывать рисование в любом случае. Это определенно исправит это. Я не хотел этого делать, поскольку это был бы неэффективный способ переключения потоков, когда реальная цель в теневом узле заключалась в простом заполнении границ фона, но механизм, используемый RN, ведет себя не так, а имеет побочный эффект.
Это заставляет нас думать, что мы могли бы переписывать ShadowNode сами, так что нам не нужен объект EditText в том виде, в котором он используется в этот момент, кроме использования функции измерения.

Со мной тоже бывает. Я использую ScrollView.
У меня есть различные элементы управления (радио, список, текст редактирования и т. Д.) В режиме прокрутки. Я бы сказал, что у меня есть максимум 10 элементов управления, так что список небольшой.
Однако это сложно воспроизвести. Кажется, что это происходит в случайное время, но я думаю, что отслеживаю это, чтобы вывести приложение на передний план из фона, когда у меня есть ScrollView на экране (с элементами управления edittext в нем).
Не уверен на 100%
Мне интересно, связано ли это с версией библиотеки поддержки Android.

Заходите на FB, исправьте этот баг.
Когда случаются такие случайные сбои, сложно создавать приложения производственного качества.

com.facebook.react.views.textinput.ReactEditText
РН 0,54
Android SDK 27
Телефон 8.1

Имея эту проблему, также используя ScrollViews. @davidmontemayor , не могли бы вы

Одна и та же:

NullPointerException: Attempt to invoke virtual method 'android.graphics.drawable.Drawable android.graphics.drawable.Drawable$ConstantState.newDrawable(android.content.res.Resources)' on a null object reference

@Squidski - К сожалению, исправление "поймать их всех" становится чрезвычайно сложным, когда вы начинаете иметь дело с ошибками инициализации EditText . Для справки: есть два разных способа проявления этой проблемы:

• Когда создается экземпляр ReactEditText ( android.widget.EditText.<init>(EditText.java:95) )
• Когда ReactEditText взаимодействует с ( android.widget.TextView.onTouchEvent(TextView.java:8467) )

Главное - заменить созданное представление в ReactTextInputShadowNode . Вместо того, чтобы позволить ему делать new EditText(getThemedContext()) , создайте свой собственный класс, который расширяется от EditText . Затем вы можете перехватить исключение, вызванное вторым путем в drawableStateChanged() .

Сложнее всего исправить ошибки инициализации. Для этого вам нужно создать класс «Drawable Wrapper», который можно использовать для обертывания любого старого drawable, переданного в EditText.setBackground() . Затем эта оболочка должна перехватывать исключения, создаваемые делегатом.

Эта проблема по-прежнему случайным образом возникает в моем приложении с последней версией React Native + latest JSC + latest gradle по состоянию на 25 июля 2018 г.

React Native Environment Info:
    System:
      OS: macOS High Sierra 10.13.3
      CPU: x64 Intel(R) Core(TM) i5-5250U CPU @ 1.60GHz
      Memory: 26.19 MB / 8.00 GB
      Shell: 5.3 - /bin/zsh
    SDKs:
      iOS SDK:
        Platforms: iOS 11.4, macOS 10.13, tvOS 11.4, watchOS 4.3
    IDEs:
      Android Studio: 3.1 AI-173.4720617
      Xcode: 9.4.1/9F2000 - /usr/bin/xcodebuild
    npmPackages:
      react: ^16.4.1 => 16.4.1
      react-native: ^0.56.0 => 0.56.0
    npmGlobalPackages:
      react-native-cli: 2.0.1

JSC: org.webkit:android-jsc:r224109
Gradle: 4.8.1

Я начал замечать эту проблему с Android 8.0.0 и с RN 0.55.3. Есть ли у них какие-то обходные пути для этого или, возможно, пиар?

Такая же проблема возникает случайно с FlatList of TextInputs 😞

• React-Native: 0,55,4

java.lang.NullPointerExceptionMainActivity

java.lang.NullPointerException Attempt to invoke virtual method 'android.graphics.drawable.Drawable android.graphics.drawable.Drawable$ConstantState.newDrawable(android.content.res.Resources)' on a null object reference 
    DrawableContainer.java:875 android.graphics.drawable.DrawableContainer$DrawableContainerState.createAllFutures
    DrawableContainer.java:1158 android.graphics.drawable.DrawableContainer$DrawableContainerState.getOpacity
    DrawableContainer.java:433 android.graphics.drawable.DrawableContainer.getOpacity
    InsetDrawable.java:258 android.graphics.drawable.InsetDrawable.getOpacity
    View.java:15842 android.view.View.computeOpaqueFlags
    View.java:20658 android.view.View.setBackgroundDrawable
    View.java:20551 android.view.View.setBackground
    View.java:5290 android.view.View.<init>
    TextView.java:832 android.widget.TextView.<init>
    EditText.java:88 android.widget.EditText.<init>
    EditText.java:84 android.widget.EditText.<init>
    EditText.java:80 android.widget.EditText.<init>
    EditText.java:76 android.widget.EditText.<init>
    ReactTextInputShadowNode.java:80 com.facebook.react.views.textinput.ReactTextInputShadowNode.setThemedContext
    UIImplementation.java:282 com.facebook.react.uimanager.UIImplementation.createView
    UIManagerModule.java:366 com.facebook.react.uimanager.UIManagerModule.createView
    Method.java:-2 java.lang.reflect.Method.invoke
    JavaMethodWrapper.java:372 com.facebook.react.bridge.JavaMethodWrapper.invoke
    JavaModuleWrapper.java:160 com.facebook.react.bridge.JavaModuleWrapper.invoke
    NativeRunnable.java:-2 com.facebook.react.bridge.queue.NativeRunnable.run
    Handler.java:790 android.os.Handler.handleCallback
    Handler.java:99 android.os.Handler.dispatchMessage
    MessageQueueThreadHandler.java:29 com.facebook.react.bridge.queue.MessageQueueThreadHandler.dispatchMessage
    Looper.java:164 android.os.Looper.loop
    MessageQueueThreadImpl.java:192 com.facebook.react.bridge.queue.MessageQueueThreadImpl$3.run
    Thread.java:764 java.lang.Thread.run

Основываясь на чтении и отладке, я решил попробовать следующее в эти выходные ...

1. Удалите все вызовы underlineColorAndroid из моего кода (я использую react-native-elements 0.19)

   • приложение должно вернуться к использованию прозрачных элементов управления EditText
   • также попробуйте заставить прозрачный

2. Обновите мои стили Android, чтобы они были следующими. Это заставит все элементы управления EditText иметь прозрачный фон

<resources>

    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <!-- Customize your theme here. -->
        <item name="android:editTextStyle">@style/AppEditTextStyle</item>
        <item name="editTextStyle">@style/AppEditTextStyle</item> <!-- For compatibility with the support library -->

    </style>

    <style name="AppEditTextStyle" parent="@style/Widget.AppCompat.EditText">
        <item name="android:background"><strong i="15">@android</strong>:color/transparent</item>
    </style>

</resources>

1. Тест - Тест - Тест. Проблему сложно воспроизвести. Хотя сегодня утром на него наткнулся клиент.

2. В качестве запасного варианта используйте исправление от @sayantanbugs
   4.1 Обновите react-native-elements до 1.0xx beta

Чтения
https://issuetracker.google.com/issues/37068452
https://github.com/facebook/react-native/issues/18214

РН 0,54
Реагировать на нативные элементы 0.19

Бывает на RN 0.56.0 Android 8.1.0
Интересно, есть ли планы продвигать его вперед.

Попробуйте заменить все экземпляры
underlineColorAndroid={"transparent"}
с участием
underlineColorAndroid={"#00000000"}

Имея эту проблему. Решите это с помощью чего-нибудь хитрого. Сделайте кнопку для обработки текущего ввода. Итак, у нас есть FlatList кнопок и только TextInput, который мы редактируем прямо сейчас. Без ref нам нужен двойной щелчок для начала редактирования ввода

handleShowInput(key) {
    const { inputKeyToShow } = this.state;

    if (!inputKeyToShow) {
        this.setState({
            inputKeyToShow: key,
        }, () => this.textInput.focus());
    } else {
        this.setState({
            inputKeyToShow: null,
        });
    }
}

{inputKeyToShow !== key ?
    (
        <TouchableOpacity
            ...
            onPress={() => this.handleShowInput(key)}
        >
            <Text>{value}</Text>
        </TouchableOpacity>
    ) :
    (
        <TextInput
            ...
            ref={ref => (this.textInput = ref)}
            value={value}
            onEndEditing={() => this.handleShowInput(key)}
        />
    )
}

@WilliamAlexander @paulroy Сработало ли ваше решение?

@xstreamcl решение, которое я опубликовал, пока работает. Прошло более 2 недель, и я не видел проблемы.
Хотя требует большего тестирования;)

Эта проблема также приводила к сбою нашего приложения в производственной среде. Это неприятный баг, потому что его действительно сложно воспроизвести. Мы нашли многообещающее исправление для нашего приложения, и я хотел бы поделиться своими выводами здесь, чтобы, надеюсь, сэкономить время и разочарование других.

Технические характеристики и версии

Эта ошибка привела к сбою нашего приложения на устройствах Samsung, Google и LG Android. У нас были отчеты о сбоях из следующих версий Android:

• 8.0.0
• 8.1.0
• 7.1.1

Наше приложение работает:

• react-native : 0.53.0
• react : 16.2.0

Что вызывает сбой

Как отмечали другие в этом потоке, проблема, похоже, вызвана отображением некоторой комбинации компонентов TextInput , FlatList и ScrollView . В нашем случае у нас есть экран, содержащий один TextInput отображаемый над FlatList . При нажатии на один из элементов в FlatList приложение переходит на новый экран, содержащий форму. Корневой компонент этой формы - это ScrollView который содержит ряд компонентов TextInput (вместе с некоторыми кнопками и другими настраиваемыми компонентами). Наше приложение вылетает, когда пользователь нажимает на один из этих FlatList элементов (обратите внимание, что это происходит не каждый раз).

Воспроизвести эту проблему сложно. Фактически, мы не смогли этого сделать. Но мы знаем, что сбой происходит на этом этапе рабочего процесса, просматривая записи сеанса Appsee.

Поскольку мы не можем воспроизвести проблему, нам пришлось полагаться на журналы сбоев из Appsee для ее отладки. Я скопировал трассировку стека из отчетов о сбоях ниже (и пропустил некоторые шумные участки). Это более или менее идентично трассировкам стека, опубликованным в этой ветке другими:

0   java.lang.NullPointerException: Attempt to invoke virtual method 'android.graphics.drawable.Drawable android.graphics.drawable.Drawable$ConstantState.newDrawable(android.content.res.Resources)' on a null object reference
1   at android.graphics.drawable.DrawableContainer$DrawableContainerState.createAllFutures(DrawableContainer.java:875)
2   at android.graphics.drawable.DrawableContainer$DrawableContainerState.getOpacity(DrawableContainer.java:1158)
3   at android.graphics.drawable.DrawableContainer.getOpacity(DrawableContainer.java:433)
4   at android.graphics.drawable.InsetDrawable.getOpacity(InsetDrawable.java:258)
5   at android.view.View.computeOpaqueFlags(View.java:16900)
6   at android.view.View.setBackgroundDrawable(View.java:21824)
7   at android.view.View.setBackground(View.java:21717)
8   at android.view.View.<init>(View.java:5577)
9   at android.widget.TextView.<init>(TextView.java:1144)
...
13  at android.widget.EditText.<init>(EditText.java:96)
14  at com.facebook.react.views.textinput.ReactEditText.<init>(ReactEditText.java:91)
15  at com.facebook.react.views.textinput.ReactTextInputManager.createViewInstance(ReactTextInputManager.java:91)
16  at com.facebook.react.views.textinput.ReactTextInputManager.createViewInstance(ReactTextInputManager.java:61)
...
35  at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:1408)

Источник проблемы

Прочитав эту ветку и проведя несколько часов или проведя исследование, я нашел обработчик underlineColorAndroid prop в файле ReactTextInputManager.java :

@ReactProp(name = "underlineColorAndroid", customType = "Color")
public void setUnderlineColor(ReactEditText view, <strong i="10">@Nullable</strong> Integer underlineColor) {
  // Drawable.mutate() can sometimes crash due to an AOSP bug:
  // See https://code.google.com/p/android/issues/detail?id=191754 for more info
  Drawable background = view.getBackground();
  Drawable drawableToMutate = background.getConstantState() != null ?
    background.mutate() :
    background;

  if (underlineColor == null) {
    drawableToMutate.clearColorFilter();
  } else {
    drawableToMutate.setColorFilter(underlineColor, PorterDuff.Mode.SRC_IN);
  }
}

Отчет об ошибке, ссылка на который есть в комментарии, содержит следующую трассировку стека:

java.lang.NullPointerException: Attempt to invoke virtual method 'android.graphics.drawable.Drawable android.graphics.drawable.Drawable$ConstantState.newDrawable()' on a null object reference
    at android.graphics.drawable.LayerDrawable$ChildDrawable.<init>(LayerDrawable.java:1723)
    at android.graphics.drawable.LayerDrawable$LayerState.<init>(LayerDrawable.java:1792)
    at android.graphics.drawable.LayerDrawable.createConstantState(LayerDrawable.java:152)
    at android.graphics.drawable.LayerDrawable.mutate(LayerDrawable.java:1652)

Это соответствует трассировке стека, с которой мы сталкиваемся в нашем приложении. Я не претендую на полное понимание основной проблемы, но вполне вероятно, что причина сбоя нашего приложения в рабочей среде связана с срабатыванием ошибки Drawable.mutate() . Это происходит, когда мы пытаемся установить свойство underlineColorAndroid для нашего компонента TextInput (и, таким образом, вызываем метод ReactTextInputManager.setUnderlineColor ).

Наше приложение рендерило TextInput со следующими реквизитами, одним из которых было underlineColorAndroid="transparent" :

<TextInput
  ref={this.handleRef}
  value={this.props.value}
  autoCorrect={false}
  autoCapitalize="none"
  underlineColorAndroid="transparent"
  onSubmitEditing={this.handleSubmit}
  onChangeText={this.props.onChangeText}
  onFocus={this.handleFocused}
  onBlur={this.handleBlur}
  clearButtonMode="always"
/>

Как мы это исправили

Нам нужно было установить эту опору, чтобы убрать подчеркивание с компонентов TextInput в нашем приложении. Но, судя по нашим выводам, его обработчик пропуска запускал ошибку Android, которая иногда приводила к сбою приложения.

К счастью, есть еще один способ убрать подчеркивание с компонентов TextInput на Android. Вы можете добавить строку в файл android/app/src/main/res/values/styles.xml :

<resources>
    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="android:windowExitAnimation"><strong i="16">@android</strong>:anim/fade_out</item>
        <item name="android:windowBackground">@drawable/splash_screen</item>
+       <item name="android:editTextBackground"><strong i="17">@android</strong>:color/transparent</item>
    </style>
</resources>

Обратите внимание, что я также видел следующее предложение, но это не сняло для нас подчеркивания:

<resources>
    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="android:windowExitAnimation"><strong i="22">@android</strong>:anim/fade_out</item>
        <item name="android:windowBackground">@drawable/splash_screen</item>
    </style>

+   <!-- This did *not* work for us... -->
+   <style name="AppEditTextStyle" parent="@style/Widget.AppCompat.EditText">
+     <item name="android:background"><strong i="23">@android</strong>:color/transparent</item>
+   </style>
</resources>

Это не решает основную проблему. Это просто обходной путь, который предполагает отказ от использования underlineColorAndroid prop в компонентах TextInput .

Я пока не могу с уверенностью сказать, что это действительно работает, потому что мне не удалось воспроизвести проблему локально. Мы внедрим это изменение в обновлении нашего приложения в ближайшие недели. После этого нам придется немного подождать, чтобы увидеть, происходит ли это больше. Я постараюсь доложить о наших результатах.

Удачи всем, борющимся с этой неприятной проблемой! Надеюсь, это поможет.

Спасибо @Hopding, видимо, ваше решение работает!

@Hopding
Да Работаю, большое спасибо

Для нас эта проблема и все подобные проблемы, когда вы обнаруживаете вызывающий метод по нулевой ссылке в Android, вызваны отсутствием правильного стиля в приложении .

Дело в том, что большинство компонентов react-native - если не все - происходит от компонентов appcompat ; т.е. Следовательно, наличие такого стиля обязательно:

At somewhere like: /android/app/src/main/res/values/styles.xml

<resources>
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
    </style>
</resources>

Это происходит потому, что компонент appcopmat изначально не отображается, и, следовательно, view.getDrawable() возвращает нулевое значение, из которого вы не можете вызывать какой-либо метод, например: setUnderlineColor или setColorTint (У коммутаторов тоже такая проблема).

В нашем случае, поскольку мы использовали react-native для создания собственных библиотек, которые позже устанавливались в собственных приложениях, мы не можем контролировать присутствие стилей в окончательном приложении. По крайней мере, теперь мы знаем об этой проблеме и улучшили нашу документацию;)

Надеюсь, поможет!

@sospedra Ваш комментарий имеет смысл, но я проверил свой код и обнаружил, что appcompat уже существует в моем стиле. Если вы проверите обходной путь Хопдинга, у него также уже есть appcompat .

@Hopding
Этот стиль отлично работает:

@WilliamAlexander , мне не удалось заставить ваше предложение работать. Можете ли вы включить весь стиль, который вам подходит?
Другая проблема, с которой я столкнулся, заключается в том, что при применении исправления @Hopding это повлияло на макет моего многострочного ввода текста, так что клавиатура теперь частично покрывает ввод текста. Вырываю волосы, пытаясь решить эту, казалось бы, простую проблему

Обновление: стиль @Hopding должен быть написан таким образом

    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="android:editTextStyle">@style/AppEditTextStyle</item>
    </style>

    <style name="AppEditTextStyle" parent="@style/Widget.AppCompat.EditText">
     <item name="android:background"><strong i="11">@android</strong>:color/transparent</item>
     <item name="android:paddingTop">??dp</item>
     <item name="android:paddingBottom">??dp</item>
    </style>

Мне пришлось добавить отступы, чтобы исправить нарушение макета.

@ gavin-gmlab.

Вот.
`

<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <!-- Customize your theme here. -->
    <!-- Main theme colors -->
    <!--   your app branding color for the app bar -->
    <item name="android:colorPrimary">@color/colorPrimary</item>
    <!--   darker variant for the status bar and contextual app bars -->
    <item name="android:colorPrimaryDark">@color/colorPrimaryDark</item>
    <!--   theme UI controls like checkboxes and text fields -->
    <item name="android:colorAccent">@color/colorAccent</item>

    <item name="android:editTextStyle">@style/AppEditTextStyle</item>
    <item name="editTextStyle">@style/AppEditTextStyle</item> <!-- For compatibility with the support library -->

    <item name="android:windowIsTranslucent">true</item>
</style>

 <style name="AppEditTextStyle" parent="@style/Widget.AppCompat.EditText">
    <item name="android:background"><strong i="9">@android</strong>:color/transparent</item>
</style>

`

Удалено underlineColorAndroid = "transparent".

и изменил style.xml

это работает для меня

ни одно из приведенных выше решений не помогло мне, но, по-видимому, закрытие приложения плюс упаковщик и повторный запуск сделали ..

Просто очистите данные приложения и запустите снова

Спасибо @WilliamAlexander и @Hopding за их решение, но когда я меняю фон, он также удаляет мои отступы InputText. Вместо него я использовал backgroundTint, и он отлично работает без каких-либо изменений в отступах.

`` ''

<style name="AppEditTextStyle" parent="@style/Widget.AppCompat.EditText">
    <item name="backgroundTint"><strong i="12">@android</strong>:color/transparent</item>
</style>

`` ''

Хорошо, есть ли какое-нибудь решение для пользователей Expo, кроме извлечения?

@Twishka К сожалению, вам также придется

Я даже не устанавливаю underlineColorAndroid где-нибудь в моем приложении, все еще есть этот журнал в моей консоли firebase. И я не знаю, как воспроизвести эту проблему еще раз.

Fatal Exception: java.lang.NullPointerException: Attempt to invoke virtual method 'android.graphics.drawable.Drawable android.graphics.drawable.Drawable$ConstantState.newDrawable(android.content.res.Resources)' on a null object reference
       at android.graphics.drawable.DrawableContainer$DrawableContainerState.createAllFutures(DrawableContainer.java:875)
       at android.graphics.drawable.DrawableContainer$DrawableContainerState.getOpacity(DrawableContainer.java:1158)
       at android.graphics.drawable.DrawableContainer.getOpacity(DrawableContainer.java:433)
       at android.graphics.drawable.InsetDrawable.getOpacity(InsetDrawable.java:258)
       at android.view.View.computeOpaqueFlags(View.java:15945)
       at android.view.View.setBackgroundDrawable(View.java:20887)
       at android.view.View.setBackground(View.java:20780)
       at android.view.View.(View.java:5311)
       at android.widget.TextView.(TextView.java:850)
       at android.widget.EditText.(EditText.java:95)
       at android.widget.EditText.(EditText.java:91)
       at android.widget.EditText.(EditText.java:87)
       at android.widget.EditText.(EditText.java:83)
       at com.facebook.react.views.textinput.ReactEditText.(SourceFile:92)
       at com.facebook.react.views.textinput.ReactTextInputManager.createViewInstance(SourceFile:100)
       at com.facebook.react.views.textinput.ReactTextInputManager.createViewInstance(SourceFile:60)
       at com.facebook.react.uimanager.ViewManager.createView(SourceFile:42)
       at com.facebook.react.uimanager.NativeViewHierarchyManager.createView(SourceFile:260)
       at com.facebook.react.uimanager.UIViewOperationQueue$CreateViewOperation.execute(SourceFile:200)
       at com.facebook.react.uimanager.UIViewOperationQueue$DispatchUIFrameCallback.dispatchPendingNonBatchedOperations(SourceFile:1085)
       at com.facebook.react.uimanager.UIViewOperationQueue$DispatchUIFrameCallback.doFrameGuarded(SourceFile:1056)
       at com.facebook.react.uimanager.GuardedFrameCallback.doFrame(SourceFile:29)
       at com.facebook.react.modules.core.ReactChoreographer$ReactChoreographerDispatcher.doFrame(SourceFile:134)
       at com.facebook.react.modules.core.ChoreographerCompat$FrameCallback$1.doFrame(SourceFile:105)
       at android.view.Choreographer$CallbackRecord.run(Choreographer.java:918)
       at android.view.Choreographer.doCallbacks(Choreographer.java:732)
       at android.view.Choreographer.doFrame(Choreographer.java:661)
       at android.view.Choreographer$FrameDisplayEventReceiver.run(Choreographer.java:906)
       at android.os.Handler.handleCallback(Handler.java:790)
       at android.os.Handler.dispatchMessage(Handler.java:99)
       at android.os.Looper.loop(Looper.java:187)
       at android.app.ActivityThread.main(ActivityThread.java:7025)
       at java.lang.reflect.Method.invoke(Method.java)
       at com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:514)
       at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:888)

Говоря о цветах, у меня placeHolderTextColor и borderColor равны #acacac а когда возникает какая-то проблема с проверкой, borderColor равен red . Кроме того, я даже не устанавливаю underlineColorAndroid .

Любая помощь приветствуется.

@mddanishansari Поскольку rn 0.56 underlineColorAndroid установлен по умолчанию , вам понадобится исправление, упомянутое выше.

@mddanishansari Поскольку rn 0.56 underlineColorAndroid установлен по умолчанию , вам понадобится исправление, упомянутое выше.

Большое спасибо. Я не ожидал ответа так быстро. Проблема в том, что тогда весь другой исходный родной фон EditText также прозрачен, что выглядит странно. Некоторые экраны моего приложения также находятся в исходном формате (Java).

Мне просто было интересно, как вообще можно решить эту проблему. Предлагаемое решение представляет собой простой взлом. Правильно?

Привет, ребята. Итак, использование underlineColorAndroid как-то вызывает этот сбой.
Но теперь дополнительно по умолчанию установлено underlineColorAndroid.
Как избежать этого и вернуться к styles.xml.?

С уважением

На всякий случай это кому-то поможет. В моем случае я случайно отправил NaN вместо фактического значения цвета, как это случилось со мной в 'borderBottomLeftRadius'. У меня не было никаких проблем с Iphone, только с Android.

решения в этой теме не работают для меня. Даже при установке underlineColorAndroid для всех моих текстовых входов на что-то непрозрачное (я тестировал с '#f00' ), я все еще испытываю эту проблему.

Для меня проблема возникает не постоянно. У меня есть набор TextInputs в ScrollView, и мне нужно несколько раз открывать и закрывать экран, чтобы это произошло

Ошибку вызывает не прозрачность, а изменение
родной цвет из реактивного родного пропа. Просто почти все
делает исходное подчеркивание прозрачным с помощью опоры.

В среду, 6 февраля 2019 г., 22:23 Адриен Пайк [email protected] написал:

решения в этой теме не работают для меня. Даже при установке
underlineColorAndroid для всех моих текстовых вводов на что-то непрозрачное
(Я тестировал с '# f00'), эта проблема все еще не устранена.

Для меня проблема возникает не постоянно. У меня куча TextInputs
в ScrollView, и мне приходится открывать и закрывать экран несколько раз
чтобы это произошло

-
Вы получили это, потому что оставили комментарий.
Ответьте на это письмо напрямую, просмотрите его на GitHub
https://github.com/facebook/react-native/issues/17530#issuecomment-461283498 ,
или отключить поток
https://github.com/notifications/unsubscribe-auth/AOG_BAlfs-GKED4gOuvtKlMD0vwEH-_zks5vK6ozgaJpZM4RaUHf
.

Да я вижу.

Просто из любопытства я попытался удалить отсюда значение прозрачности по умолчанию.

https://github.com/facebook/react-native/commit/a3a98eb1c7fa0054a236d45421393874ce8ce558

Интересно, что ошибка все еще возникает у меня

Я только что испытал этот баг на андроиде RN 58.3. Не было явной рифмы или причины, за исключением того, что всякий раз, когда я отображал компонент TextInput , возникала ошибка. Даже если бы я отобразил TextInput без реквизитов или изменений, он все равно вылетел бы.

Я попытался перезапустить Metro и сбросить кеш, но это не сработало. Мне действительно пришлось открыть Android Studio и пересобрать приложение, после чего оно начало работать. Может быть, это проблема с тем, что gradle неправильно связывает зависимости или что-то в этом роде? Похоже, это долгий шанс, так как я работал в течение хороших 4 часов без перезапуска, прежде чем у меня возникла эта проблема, но я действительно не могу представить, что еще могло ее вызвать.

Я столкнулся с этой ошибкой в ​​RN 58.0 на устройствах:
Redmi Note 6 Pro - Android 8.1
Mi A2 Lite - Android 9
WAS-LX1A - Android 8

Иногда появляется, глядя в Sentry, надеюсь, это поможет.

Разработчики исправят эту проблему? обходной путь нам не подходит!

у меня такой же на производстве

У нас есть та же трассировка стека, что и у двух описанных выше, на React 0.59.

(с DrawableContainerState.createAllFutures на 2-й строке трассировки стека)

Fatal Exception: java.lang.NullPointerException: Attempt to invoke virtual method 'android.graphics.drawable.Drawable android.graphics.drawable.Drawable$ConstantState.newDrawable(android.content.res.Resources)' on a null object reference
       at android.graphics.drawable.DrawableContainer$DrawableContainerState.createAllFutures(DrawableContainer.java:875)
       at android.graphics.drawable.DrawableContainer$DrawableContainerState.getOpacity(DrawableContainer.java:1158)
       at android.graphics.drawable.DrawableContainer.getOpacity(DrawableContainer.java:433)
       at android.graphics.drawable.InsetDrawable.getOpacity(InsetDrawable.java:258)
       at android.view.View.computeOpaqueFlags(View.java:15718)
       at android.view.View.setBackgroundDrawable(View.java:20528)
       at android.view.View.setBackground(View.java:20421)
       at android.view.View.<init>(View.java:5248)
       at android.widget.TextView.<init>(TextView.java:826)
       at android.widget.EditText.<init>(EditText.java:88)
       at android.widget.EditText.<init>(EditText.java:84)
       at android.widget.EditText.<init>(EditText.java:80)
       at android.widget.EditText.<init>(EditText.java:76)
       at com.facebook.react.views.textinput.ReactEditText.<init>(ReactEditText.java:89)
       at com.facebook.react.views.textinput.ReactTextInputManager.createViewInstance(ReactTextInputManager.java:102)
       at com.facebook.react.views.textinput.ReactTextInputManager.createViewInstance(ReactTextInputManager.java:62)
       at com.facebook.react.uimanager.ViewManager.createView(ViewManager.java:47)
       at com.facebook.react.uimanager.NativeViewHierarchyManager.createView(NativeViewHierarchyManager.java:256)
       at com.facebook.react.uimanager.UIViewOperationQueue$CreateViewOperation.execute(UIViewOperationQueue.java:200)
       at com.facebook.react.uimanager.UIViewOperationQueue$DispatchUIFrameCallback.dispatchPendingNonBatchedOperations(UIViewOperationQueue.java:1109)
       at com.facebook.react.uimanager.UIViewOperationQueue$DispatchUIFrameCallback.doFrameGuarded(UIViewOperationQueue.java:1080)
       at com.facebook.react.uimanager.GuardedFrameCallback.doFrame(GuardedFrameCallback.java:29)
       at com.facebook.react.modules.core.ReactChoreographer$ReactChoreographerDispatcher.doFrame(ReactChoreographer.java:166)
       at com.facebook.react.modules.core.ChoreographerCompat$FrameCallback$1.doFrame(ChoreographerCompat.java:84)
       at android.view.Choreographer$CallbackRecord.run(Choreographer.java:1027)
       at android.view.Choreographer.doCallbacks(Choreographer.java:841)
       at android.view.Choreographer.doFrame(Choreographer.java:769)
       at android.view.Choreographer$FrameDisplayEventReceiver.run(Choreographer.java:1015)
       at android.os.Handler.handleCallback(Handler.java:794)
       at android.os.Handler.dispatchMessage(Handler.java:99)
       at android.os.Looper.loop(Looper.java:176)
       at android.app.ActivityThread.main(ActivityThread.java:6635)
       at java.lang.reflect.Method.invoke(Method.java)
       at com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:547)
       at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:823)

Я получил ту же трассировку стека, что и выше, после обновления производственной версии с 0.58.6 до 0.59.1 всего несколько часов назад. Боюсь, это станет серьезной проблемой.

Любое решение этой проблемы?

@sunnylqm есть ли способ установить для underlineColorAndroid значение null, поскольку оно установлено по умолчанию?

@pedrosimao @tamdao
Вы должны вручную удалить эту строку с помощью некоторого инструмента исправления, такого как patch-package . И если вы все же хотите сделать подчеркивание невидимым, вам нужно установить его в какой-нибудь xml-конфиг .
Так что ключевым моментом является not set any value to underlineColorAndroid anywhere пока какой-нибудь герой не найдет способ исправить это.

Я получил эту ошибку сегодня
Раньше он работал хорошо, но после некоторой сборки на моем устройстве произошла ошибка
Для меня решение этой проблемы - удалить приложение на устройстве, а затем переустановить приложение с помощью встроенного в реакцию run-android.
После этого проблема исчезла

Кстати, я не использую реквизиты underlineColorAndroid, поэтому он не работает, что бы я ни установил или отключил какое-либо значение для этих реквизитов

Это происходит случайно, когда вы используете некоторые текстовые поля внутри scrollview. underlineColorAndroid используется всегда, потому что он установлен по умолчанию .

Со мной случилось и сегодня, на Expo.

Если вы находитесь на Expo, вам необходимо полностью закрыть сервер выставки, ваше приложение и приложение Expo. И снова открыть их.

Иначе ошибка не исчезнет.

Со мной случилось, на Expo.

По какой-то причине в фоновом режиме было два экземпляра моего приложения. Когда я нажал квадратную кнопку Android под названием «Обзор», чтобы увидеть приложения в памяти, я увидел эти два экземпляра своего приложения ... когда я закрыл их и снова запустил приложение, эта ошибка больше не отображалась.

Итак, как ребята сказали ранее, закройте все и снова запустите, это должно исправить

Я потратил 3 часа, пытаясь выяснить эту ошибку, но безрезультатно, затем я повторно установил приложение на свой эмулятор Android, и ошибка исчезла.

Попробуйте 0.59.4, чтобы узнать, не возникает ли у вас этого сбоя.

@sunnylqm Все еще сталкиваюсь с этой проблемой на 0.59.5.

Android: 8.0.0
Android Build: R16NW
Manufacturer: samsung
Model: SM-G955F

java.lang.NullPointerException: Attempt to invoke virtual method 'android.graphics.drawable.Drawable android.graphics.drawable.Drawable$ConstantState.newDrawable(android.content.res.Resources)' on a null object reference
  at android.graphics.drawable.DrawableContainer$DrawableContainerState.createAllFutures(DrawableContainer.java:875)
  at android.graphics.drawable.DrawableContainer$DrawableContainerState.getOpacity(DrawableContainer.java:1158)
  at android.graphics.drawable.DrawableContainer.getOpacity(DrawableContainer.java:433)
  at android.graphics.drawable.InsetDrawable.getOpacity(InsetDrawable.java:258)
  at android.view.View.computeOpaqueFlags(View.java:16791)
  at android.view.View.setBackgroundDrawable(View.java:21710)
  at android.view.View.setBackground(View.java:21603)
  at android.view.View.<init>(View.java:5547)
  at android.widget.TextView.<init>(TextView.java:1135)
  at android.widget.EditText.<init>(EditText.java:107)
  at android.widget.EditText.<init>(EditText.java:103)
  at android.widget.EditText.<init>(EditText.java:99)
  at android.widget.EditText.<init>(EditText.java:95)
  at com.facebook.react.views.textinput.c.<init>
  at com.facebook.react.views.textinput.ReactTextInputManager.createViewInstance
  at com.facebook.react.views.textinput.ReactTextInputManager.createViewInstance
  at com.facebook.react.uimanager.ViewManager.createView
  at com.facebook.react.uimanager.k.a
  at com.facebook.react.uimanager.aq$e.a
  at com.facebook.react.uimanager.aq$h.c
  at com.facebook.react.uimanager.aq$h.a
  at com.facebook.react.uimanager.e.b
  at com.facebook.react.modules.core.e$b.b
  at com.facebook.react.modules.core.a$a$1.doFrame
  at android.view.Choreographer$CallbackRecord.run(Choreographer.java:909)
  at android.view.Choreographer.doCallbacks(Choreographer.java:723)
  at android.view.Choreographer.doFrame(Choreographer.java:655)
  at android.view.Choreographer$FrameDisplayEventReceiver.run(Choreographer.java:897)
  at android.os.Handler.handleCallback(Handler.java:789)
  at android.os.Handler.dispatchMessage(Handler.java:98)
  at android.os.Looper.loop(Looper.java:164)
  at android.app.ActivityThread.main(ActivityThread.java:6938)
  at java.lang.reflect.Method.invoke(Method.java:-2)
  at com.android.internal.os.Zygote$MethodAndArgsCaller.run(Zygote.java:327)
  at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:1374)

У меня есть эта ошибка с компонентом, который отображает несколько TextInputs,
Когда я перезапускаю сборку или приложение, оно запускается и возвращается, когда я выполняю повторную визуализацию во второй раз.

Android: 9
Телефон: SAMSUNG Galaxy note 9
Модель: SM-N960F / DS
собственная версия реакции "0.58.5"

Попытка вызвать виртуальный метод android.graphics.drawable.Drawable android.graphics.drawable.Drawable $ ConstantState.newDrawable (android.content.res.Resources) для ссылки на нулевой объект
createAllFutures
DrawableContainer. Java: 875
getOpacity
DrawableContainer. Java: 1158
getOpacity
DrawableContainer. Java: 433
getOpacity
InsetDrawable. Java: 258
computeOpaqueFlags
Посмотреть. java: 18165
setBackgroundDrawable
Посмотреть. java: 23335
setBackground
Посмотреть. java: 23228

Посмотреть. java: 5952

TextView. Java: 1108

Редактировать текст. Java: 106

Редактировать текст. Java: 102

Редактировать текст. Java: 98

Редактировать текст. Java: 94
setThemedContext
ReactTextInputShadowNode. Java: 73
createView
UII реализация. Java: 288
createView
UIManagerModule. java: 449
вызывать
Method.java
вызывать
JavaMethodWrapper. java: 372
вызывать
JavaModuleWrapper. Java: 158
бежать
NativeRunnable.java
handleCallback
Обработчик. java: 873
dispatchMessage
Обработчик. Java: 99
dispatchMessage
MessageQueueThreadHandler. java: 29
петля
Looper. Java: 214
бежать
MessageQueueThreadImpl. Java: 192
бежать
Нить. Java: 764

У меня такая же проблема с Samsung Note 8, Android версии 9 и React native 0.57.0.

Здесь та же проблема. React Native 0.59.0. Проблема возникает случайно при использовании приложения. Не удалось увидеть какой-либо шаблон для его появления. Происходит как в режиме разработки, так и в производственной среде.

Эта проблема также приводила к сбою нашего приложения в производственной среде. Это неприятный баг, потому что его действительно сложно воспроизвести. Мы нашли многообещающее исправление для нашего приложения, и я хотел бы поделиться своими выводами здесь, чтобы, надеюсь, сэкономить время и разочарование других.

Технические характеристики и версии

Эта ошибка привела к сбою нашего приложения на устройствах Samsung, Google и LG Android. У нас были отчеты о сбоях из следующих версий Android:

• 8.0.0
• 8.1.0
• 7.1.1

Наше приложение работает:

• react-native : 0.53.0
• react : 16.2.0

Что вызывает сбой

Как отмечали другие в этом потоке, проблема, похоже, вызвана отображением некоторой комбинации компонентов TextInput , FlatList и ScrollView . В нашем случае у нас есть экран, содержащий один TextInput отображаемый над FlatList . При нажатии на один из элементов в FlatList приложение переходит на новый экран, содержащий форму. Корневой компонент этой формы - это ScrollView который содержит ряд компонентов TextInput (вместе с некоторыми кнопками и другими настраиваемыми компонентами). Наше приложение вылетает, когда пользователь нажимает на один из этих FlatList элементов (обратите внимание, что это происходит не каждый раз).

Воспроизвести эту проблему сложно. Фактически, мы не смогли этого сделать. Но мы знаем, что сбой происходит на этом этапе рабочего процесса, просматривая записи сеанса Appsee.

Поскольку мы не можем воспроизвести проблему, нам пришлось полагаться на журналы сбоев из Appsee для ее отладки. Я скопировал трассировку стека из отчетов о сбоях ниже (и пропустил некоторые шумные участки). Это более или менее идентично трассировкам стека, опубликованным в этой ветке другими:

0     java.lang.NullPointerException: Attempt to invoke virtual method 'android.graphics.drawable.Drawable android.graphics.drawable.Drawable$ConstantState.newDrawable(android.content.res.Resources)' on a null object reference
1     at android.graphics.drawable.DrawableContainer$DrawableContainerState.createAllFutures(DrawableContainer.java:875)
2     at android.graphics.drawable.DrawableContainer$DrawableContainerState.getOpacity(DrawableContainer.java:1158)
3     at android.graphics.drawable.DrawableContainer.getOpacity(DrawableContainer.java:433)
4     at android.graphics.drawable.InsetDrawable.getOpacity(InsetDrawable.java:258)
5     at android.view.View.computeOpaqueFlags(View.java:16900)
6     at android.view.View.setBackgroundDrawable(View.java:21824)
7     at android.view.View.setBackground(View.java:21717)
8     at android.view.View.<init>(View.java:5577)
9     at android.widget.TextView.<init>(TextView.java:1144)
...
13    at android.widget.EditText.<init>(EditText.java:96)
14    at com.facebook.react.views.textinput.ReactEditText.<init>(ReactEditText.java:91)
15    at com.facebook.react.views.textinput.ReactTextInputManager.createViewInstance(ReactTextInputManager.java:91)
16    at com.facebook.react.views.textinput.ReactTextInputManager.createViewInstance(ReactTextInputManager.java:61)
...
35    at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:1408)

Источник проблемы

Прочитав эту ветку и проведя несколько часов или проведя исследование, я нашел обработчик underlineColorAndroid prop в файле ReactTextInputManager.java :

@ReactProp(name = "underlineColorAndroid", customType = "Color")
public void setUnderlineColor(ReactEditText view, <strong i="42">@Nullable</strong> Integer underlineColor) {
  // Drawable.mutate() can sometimes crash due to an AOSP bug:
  // See https://code.google.com/p/android/issues/detail?id=191754 for more info
  Drawable background = view.getBackground();
  Drawable drawableToMutate = background.getConstantState() != null ?
    background.mutate() :
    background;

  if (underlineColor == null) {
    drawableToMutate.clearColorFilter();
  } else {
    drawableToMutate.setColorFilter(underlineColor, PorterDuff.Mode.SRC_IN);
  }
}

Отчет об ошибке, ссылка на который есть в комментарии, содержит следующую трассировку стека:

java.lang.NullPointerException: Attempt to invoke virtual method 'android.graphics.drawable.Drawable android.graphics.drawable.Drawable$ConstantState.newDrawable()' on a null object reference
    at android.graphics.drawable.LayerDrawable$ChildDrawable.<init>(LayerDrawable.java:1723)
    at android.graphics.drawable.LayerDrawable$LayerState.<init>(LayerDrawable.java:1792)
    at android.graphics.drawable.LayerDrawable.createConstantState(LayerDrawable.java:152)
    at android.graphics.drawable.LayerDrawable.mutate(LayerDrawable.java:1652)

Это соответствует трассировке стека, с которой мы сталкиваемся в нашем приложении. Я не претендую на полное понимание основной проблемы, но вполне вероятно, что причина сбоя нашего приложения в рабочей среде связана с срабатыванием ошибки Drawable.mutate() . Это происходит, когда мы пытаемся установить свойство underlineColorAndroid для нашего компонента TextInput (и, таким образом, вызываем метод ReactTextInputManager.setUnderlineColor ).

Наше приложение рендерило TextInput со следующими реквизитами, одним из которых было underlineColorAndroid="transparent" :

<TextInput
  ref={this.handleRef}
  value={this.props.value}
  autoCorrect={false}
  autoCapitalize="none"
  underlineColorAndroid="transparent"
  onSubmitEditing={this.handleSubmit}
  onChangeText={this.props.onChangeText}
  onFocus={this.handleFocused}
  onBlur={this.handleBlur}
  clearButtonMode="always"
/>

Как мы это исправили

Нам нужно было установить эту опору, чтобы убрать подчеркивание с компонентов TextInput в нашем приложении. Но, судя по нашим выводам, его обработчик пропуска запускал ошибку Android, которая иногда приводила к сбою приложения.

К счастью, есть еще один способ убрать подчеркивание с компонентов TextInput на Android. Вы можете добавить строку в файл android/app/src/main/res/values/styles.xml :

<resources>
    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="android:windowExitAnimation"><strong i="65">@android</strong>:anim/fade_out</item>
        <item name="android:windowBackground">@drawable/splash_screen</item>
+       <item name="android:editTextBackground"><strong i="66">@android</strong>:color/transparent</item>
    </style>
</resources>

Обратите внимание, что я также видел следующее предложение, но это не сняло для нас подчеркивания:

<resources>
    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="android:windowExitAnimation"><strong i="71">@android</strong>:anim/fade_out</item>
        <item name="android:windowBackground">@drawable/splash_screen</item>
    </style>

+   <!-- This did *not* work for us... -->
+   <style name="AppEditTextStyle" parent="@style/Widget.AppCompat.EditText">
+     <item name="android:background"><strong i="72">@android</strong>:color/transparent</item>
+   </style>
</resources>

Это не решает основную проблему. Это просто обходной путь, который предполагает отказ от использования underlineColorAndroid prop в компонентах TextInput .

Я пока не могу с уверенностью сказать, что это действительно работает, потому что мне не удалось воспроизвести проблему локально. Мы внедрим это изменение в обновлении нашего приложения в ближайшие недели. После этого нам придется немного подождать, чтобы увидеть, происходит ли это больше. Я постараюсь доложить о наших результатах.

Удачи всем, борющимся с этой неприятной проблемой! Надеюсь, это поможет.

Я знаю, как воспроизвести эту ситуацию. Щелкните еще раз в форме, как вы сказали, а затем щелкните элемент в плоском списке, чтобы войти в форму. Повторите примерно десять раз, и немного быстрее появится эта ошибка. Вы можете воспроизвести ошибку в соответствии с тем, что я сказал.

@Hopding
Я знаю, как воспроизвести эту ситуацию. Щелкните еще раз в форме, как вы сказали, а затем щелкните элемент в плоском списке, чтобы войти в форму. Повторите примерно десять раз, и немного быстрее появится эта ошибка. Вы можете воспроизвести ошибку в соответствии с тем, что я сказал.

@Hopding
Я удалил underlineColorAndroid, но воспроизведу.

@ response-native-bot эта проблема очень важна

Я использую RN 59.5, и у меня тоже есть эта проблема ..

Попытка вызвать виртуальный метод android.graphics.drawable.Drawable android.graphics.drawable.Drawable $ ConstantState.newDrawable (android.content.res.Resources) для ссылки на нулевой объект
createAllFutures
DrawableContainer. Java: 875
getOpacity
DrawableContainer. Java: 1158
getOpacity
DrawableContainer. Java: 433
getOpacity
InsetDrawable. Java: 258
computeOpaqueFlags
Посмотреть. Java: 16594
setBackgroundDrawable
Посмотреть. java: 21577
setBackground
Посмотреть. java: 21470

Посмотреть. Java: 5498

TextView. Java: 875

Редактировать текст. Java: 88

Редактировать текст. java: 84

Редактировать текст. Java: 80

Редактировать текст. Java: 76
setThemedContext
ReactTextInputShadowNode. Java: 76
createView
UII реализация. Java: 294
createView
UIManagerModule. java: 462
вызывать
Method.java
вызывать
JavaMethodWrapper. java: 372
вызывать
JavaModuleWrapper. Java: 158
бежать
NativeRunnable.java
handleCallback
Обработчик. java: 873
dispatchMessage
Обработчик. Java: 99
dispatchMessage
MessageQueueThreadHandler. java: 29
петля
Looper. java: 193
бежать
MessageQueueThreadImpl. Java: 232
бежать
Нить. Java: 764

Кто-нибудь уже решил это ?? У меня эта проблема в RN 52, я обновился до 56, но все еще ошибка. Я попробовал воспроизвести его, но не смог. Некоторые устройства по-прежнему запускают это случайным образом.

Удачи с этой проблемой?

я получаю этот выпуск RN 0.59.5

Эта проблема также приводила к сбою нашего приложения в производственной среде. Это неприятный баг, потому что его действительно сложно воспроизвести. Мы нашли многообещающее исправление для нашего приложения, и я хотел бы поделиться своими выводами здесь, чтобы, надеюсь, сэкономить время и разочарование других.

Технические характеристики и версии

Эта ошибка привела к сбою нашего приложения на устройствах Samsung, Google и LG Android. У нас были отчеты о сбоях из следующих версий Android:

• 8.0.0
• 8.1.0
• 7.1.1

Наше приложение работает:

• react-native : 0.53.0
• react : 16.2.0

Что вызывает сбой

Как отмечали другие в этом потоке, проблема, похоже, вызвана отображением некоторой комбинации компонентов TextInput , FlatList и ScrollView . В нашем случае у нас есть экран, содержащий один TextInput отображаемый над FlatList . При нажатии на один из элементов в FlatList приложение переходит на новый экран, содержащий форму. Корневой компонент этой формы - это ScrollView который содержит ряд компонентов TextInput (вместе с некоторыми кнопками и другими настраиваемыми компонентами). Наше приложение вылетает, когда пользователь нажимает на один из этих FlatList элементов (обратите внимание, что это происходит не каждый раз).
Воспроизвести эту проблему сложно. Фактически, мы не смогли этого сделать. Но мы знаем, что сбой происходит на этом этапе рабочего процесса, просматривая записи сеанса Appsee.
Поскольку мы не можем воспроизвести проблему, нам пришлось полагаться на журналы сбоев из Appsee для ее отладки. Я скопировал трассировку стека из отчетов о сбоях ниже (и пропустил некоторые шумные участки). Это более или менее идентично трассировкам стека, опубликованным в этой ветке другими:

0   java.lang.NullPointerException: Attempt to invoke virtual method 'android.graphics.drawable.Drawable android.graphics.drawable.Drawable$ConstantState.newDrawable(android.content.res.Resources)' on a null object reference
1   at android.graphics.drawable.DrawableContainer$DrawableContainerState.createAllFutures(DrawableContainer.java:875)
2   at android.graphics.drawable.DrawableContainer$DrawableContainerState.getOpacity(DrawableContainer.java:1158)
3   at android.graphics.drawable.DrawableContainer.getOpacity(DrawableContainer.java:433)
4   at android.graphics.drawable.InsetDrawable.getOpacity(InsetDrawable.java:258)
5   at android.view.View.computeOpaqueFlags(View.java:16900)
6   at android.view.View.setBackgroundDrawable(View.java:21824)
7   at android.view.View.setBackground(View.java:21717)
8   at android.view.View.<init>(View.java:5577)
9   at android.widget.TextView.<init>(TextView.java:1144)
...
13  at android.widget.EditText.<init>(EditText.java:96)
14  at com.facebook.react.views.textinput.ReactEditText.<init>(ReactEditText.java:91)
15  at com.facebook.react.views.textinput.ReactTextInputManager.createViewInstance(ReactTextInputManager.java:91)
16  at com.facebook.react.views.textinput.ReactTextInputManager.createViewInstance(ReactTextInputManager.java:61)
...
35  at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:1408)

Источник проблемы

Прочитав эту ветку и проведя несколько часов или проведя исследование, я нашел обработчик underlineColorAndroid prop в файле ReactTextInputManager.java :

@ReactProp(name = "underlineColorAndroid", customType = "Color")
public void setUnderlineColor(ReactEditText view, <strong i="43">@Nullable</strong> Integer underlineColor) {
  // Drawable.mutate() can sometimes crash due to an AOSP bug:
  // See https://code.google.com/p/android/issues/detail?id=191754 for more info
  Drawable background = view.getBackground();
  Drawable drawableToMutate = background.getConstantState() != null ?
    background.mutate() :
    background;

  if (underlineColor == null) {
    drawableToMutate.clearColorFilter();
  } else {
    drawableToMutate.setColorFilter(underlineColor, PorterDuff.Mode.SRC_IN);
  }
}

Отчет об ошибке, ссылка на который есть в комментарии, содержит следующую трассировку стека:

java.lang.NullPointerException: Attempt to invoke virtual method 'android.graphics.drawable.Drawable android.graphics.drawable.Drawable$ConstantState.newDrawable()' on a null object reference
    at android.graphics.drawable.LayerDrawable$ChildDrawable.<init>(LayerDrawable.java:1723)
    at android.graphics.drawable.LayerDrawable$LayerState.<init>(LayerDrawable.java:1792)
    at android.graphics.drawable.LayerDrawable.createConstantState(LayerDrawable.java:152)
    at android.graphics.drawable.LayerDrawable.mutate(LayerDrawable.java:1652)

Это соответствует трассировке стека, с которой мы сталкиваемся в нашем приложении. Я не претендую на полное понимание основной проблемы, но вполне вероятно, что причина сбоя нашего приложения в рабочей среде связана с срабатыванием ошибки Drawable.mutate() . Это происходит, когда мы пытаемся установить свойство underlineColorAndroid для нашего компонента TextInput (и, таким образом, вызываем метод ReactTextInputManager.setUnderlineColor ).
Наше приложение рендерило TextInput со следующими реквизитами, одним из которых было underlineColorAndroid="transparent" :

<TextInput
  ref={this.handleRef}
  value={this.props.value}
  autoCorrect={false}
  autoCapitalize="none"
  underlineColorAndroid="transparent"
  onSubmitEditing={this.handleSubmit}
  onChangeText={this.props.onChangeText}
  onFocus={this.handleFocused}
  onBlur={this.handleBlur}
  clearButtonMode="always"
/>

Как мы это исправили

Нам нужно было установить эту опору, чтобы убрать подчеркивание с компонентов TextInput в нашем приложении. Но, судя по нашим выводам, его обработчик пропуска запускал ошибку Android, которая иногда приводила к сбою приложения.
К счастью, есть еще один способ убрать подчеркивание с компонентов TextInput на Android. Вы можете добавить строку в файл android/app/src/main/res/values/styles.xml :

<resources>
    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="android:windowExitAnimation"><strong i="66">@android</strong>:anim/fade_out</item>
        <item name="android:windowBackground">@drawable/splash_screen</item>
+       <item name="android:editTextBackground"><strong i="67">@android</strong>:color/transparent</item>
    </style>
</resources>

Обратите внимание, что я также видел следующее предложение, но это не сняло для нас подчеркивания:

<resources>
    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="android:windowExitAnimation"><strong i="72">@android</strong>:anim/fade_out</item>
        <item name="android:windowBackground">@drawable/splash_screen</item>
    </style>

+   <!-- This did *not* work for us... -->
+   <style name="AppEditTextStyle" parent="@style/Widget.AppCompat.EditText">
+     <item name="android:background"><strong i="73">@android</strong>:color/transparent</item>
+   </style>
</resources>

Это не решает основную проблему. Это просто обходной путь, который предполагает отказ от использования underlineColorAndroid prop в компонентах TextInput .
Я пока не могу с уверенностью сказать, что это действительно работает, потому что мне не удалось воспроизвести проблему локально. Мы внедрим это изменение в обновлении нашего приложения в ближайшие недели. После этого нам придется немного подождать, чтобы увидеть, происходит ли это больше. Я постараюсь доложить о наших результатах.
Удачи всем, борющимся с этой неприятной проблемой! Надеюсь, это поможет.

Я знаю, как воспроизвести эту ситуацию. Щелкните еще раз в форме, как вы сказали, а затем щелкните элемент в плоском списке, чтобы войти в форму. Повторите примерно десять раз, и немного быстрее появится эта ошибка. Вы можете воспроизвести ошибку в соответствии с тем, что я сказал.

Похоже, это исправляет.

Для тех, кто задается вопросом, как воспроизвести: мы воспроизвели это, добавив 100 <TextInput ...> s к <ScrollView ...> . В этот момент мы смогли воспроизвести ошибку с вероятностью успеха 75-90%. Достаточно попробовать решения. 50 полей было недостаточно.

Обходной путь @Hopding сработал для нас. Предложенный альтернативный «оттеночный» раствор (другими) не работает. К несчастью, побочный эффект обходного пути заключается в том, что из текстовых полей удаляется заполнение.

Тоже самое.

Неустранимое исключение: java.lang.NullPointerException: попытка вызвать виртуальный метод android.graphics.drawable.Drawable android.graphics.drawable.Drawable $ ConstantState.newDrawable (android.content.res.Resources) для ссылки на нулевой объект
в android.graphics.drawable.DrawableContainer $ DrawableContainerState.createAllFutures (DrawableContainer.java:875)
в android.graphics.drawable.DrawableContainer $ DrawableContainerState.getOpacity (DrawableContainer.java:1158)
в android.graphics.drawable.DrawableContainer.getOpacity (DrawableContainer.java:433)
в android.graphics.drawable.InsetDrawable.getOpacity (InsetDrawable.java:258)
в android.view.View.computeOpaqueFlags (View.java:18188)
в android.view.View.setBackgroundDrawable (View.java:23358)
в android.view.View.setBackground (View.java:23251)
в android.view.View.(View.java:5948)
в android.widget.TextView.(TextView.java:1118)
в android.widget.EditText.(EditText.java:106)
в android.widget.EditText.(EditText.java:102)
в android.widget.EditText.(EditText.java:98)
в android.widget.EditText.(EditText.java:94)
в com.facebook.react.views.textinput.ReactEditText.(ReactEditText.java:89)
в com.facebook.react.views.textinput.ReactTextInputManager.createViewInstance (ReactTextInputManager.java:105)
в com.facebook.react.views.textinput.ReactTextInputManager.createViewInstance (ReactTextInputManager.java:65)
в com.facebook.react.uimanager.ViewManager.createView (ViewManager.java:47)
в com.facebook.react.uimanager.NativeViewHierarchyManager.createView (NativeViewHierarchyManager.java:256)
в com.facebook.react.uimanager.UIViewOperationQueue $ CreateViewOperation.execute (UIViewOperationQueue.java:200)
в com.facebook.react.uimanager.UIViewOperationQueue $ DispatchUIFrameCallback.dispatchPendingNonBatchedOperations (UIViewOperationQueue.java:1109)
в com.facebook.react.uimanager.UIViewOperationQueue $ DispatchUIFrameCallback.doFrameGuarded (UIViewOperationQueue.java:1080)
в com.facebook.react.uimanager.GuardedFrameCallback.doFrame (GuardedFrameCallback.java:29)
в com.facebook.react.modules.core.ReactChoreographer $ ReactChoreographerDispatcher.doFrame (ReactChoreographer.java:166)
в com.facebook.react.modules.core.ChoreographerCompat $ FrameCallback $ 1.doFrame (ChoreographerCompat.java:84)
на android.view.Choreographer $ CallbackRecord.run (Choreographer.java:947)
на android.view.Choreographer.doCallbacks (Choreographer.java:761)
на android.view.Choreographer.doFrame (Choreographer.java:693)
в android.view.Choreographer $ FrameDisplayEventReceiver.run (Choreographer.java:935)
в android.os.Handler.handleCallback (Handler.java:873)
в android.os.Handler.dispatchMessage (Handler.java:99)
в android.os.Looper.loop (Looper.java:214)
в android.app.ActivityThread.main (ActivityThread.java:7045)
в java.lang.reflect.Method.invoke (Method.java)
в com.android.internal.os.RuntimeInit $ MethodAndArgsCaller.run (RuntimeInit.java:493)
в com.android.internal.os.ZygoteInit.main (ZygoteInit.java:965)

какой-нибудь обходной путь?

Вот код, в котором воспроизводится ошибка RN 0.59.8

> import React, { Component } from 'react';
> import { StyleSheet, Text, View, TextInput, FlatList, TouchableOpacity } from 'react-native';
> 
> export default class App extends Component {
>   state = { Valor: [] }
>   componentDidMount() {
>     for (i = 0; i < 90000; i++) {
>       var te = { ID: i }
>       this.state.Valor.push(te)
>     }
>   }
> 
>   keyExtractor = (item, index) => item.ID.toString();
>   renderList = () => {
>     return (
>       <FlatList
>         keyExtractor={this.keyExtractor}
>         data={this.state.Valor}
>         renderItem={({ item }) => (
>           <TouchableOpacity
>             activeOpacity={0.5}
>             onPress={() => alert("hola")} >
>             <View style={{ flex: 1 }}>
>               <Text>Muestra</Text>
>               <TextInput
>                 underlineColorAndroid={"transparent"}
>                 placeholder={"Ingrese"}
>                 keyboardType="phone-pad"
>               />
>             </View>
>           </TouchableOpacity>
>         )}
>       >
>       </FlatList>
>     );
>   };
> 
>   render() {
>     return (
>       <View style={styles.container}>
>         {this.renderList()}
>       </View>
>     );
>   }
> }
> 
> const styles = StyleSheet.create({
>   container: {
>     flex: 1,
>     justifyContent: 'flex-start',
>     alignItems: 'flex-start',
>     backgroundColor: '#F5FCFF',
>   },
>   welcome: {
>     fontSize: 20,
>     textAlign: 'center',
>     margin: 10,
>   },
>   instructions: {
>     textAlign: 'center',
>     color: '#333333',
>     marginBottom: 5,
>   }
> });
> 

Видео: https://www.youtube.com/watch?v=FJ6YvXrevMQ&feature=youtu.be

Решение плз.

Этот вопрос был открыт 11 января 2018 г., а сейчас май 2019 г., почему никто из официальной команды не занимается им?
К вашему сведению, обходные пути не работают.

То же самое здесь 0.59.6

Неустранимое исключение: java.lang.NullPointerException: попытка вызвать виртуальный метод android.graphics.drawable.Drawable android.graphics.drawable.Drawable $ ConstantState.newDrawable (android.content.res.Resources) для ссылки на нулевой объект
в android.graphics.drawable.DrawableContainer $ DrawableContainerState.createAllFutures (DrawableContainer.java:875)
в android.graphics.drawable.DrawableContainer $ DrawableContainerState.getOpacity (DrawableContainer.java:1158)
в android.graphics.drawable.DrawableContainer.getOpacity (DrawableContainer.java:433)
в android.graphics.drawable.InsetDrawable.getOpacity (InsetDrawable.java:258)
в android.view.View.computeOpaqueFlags (View.java:18188)
в android.view.View.setBackgroundDrawable (View.java:23358)
в android.view.View.setBackground (View.java:23251)
в android.view.View. (View.java:5948)
в android.widget.TextView. (TextView.java:1118)
в android.widget.EditText. (EditText.java:106)
в android.widget.EditText. (EditText.java:102)
в android.widget.EditText. (EditText.java:98)
в android.widget.EditText. (EditText.java:94)
в com.facebook.react.views.textinput.ReactEditText. (ReactEditText.java:89)
в com.facebook.react.views.textinput.ReactTextInputManager.createViewInstance (ReactTextInputManager.java:105)
в com.facebook.react.views.textinput.ReactTextInputManager.createViewInstance (ReactTextInputManager.java:65)
в com.facebook.react.uimanager.ViewManager.createView (ViewManager.java:47)
в com.facebook.react.uimanager.NativeViewHierarchyManager.createView (NativeViewHierarchyManager.java:256)
в com.facebook.react.uimanager.UIViewOperationQueue $ CreateViewOperation.execute (UIViewOperationQueue.java:200)
в com.facebook.react.uimanager.UIViewOperationQueue $ DispatchUIFrameCallback.dispatchPendingNonBatchedOperations (UIViewOperationQueue.java:1109)
в com.facebook.react.uimanager.UIViewOperationQueue $ DispatchUIFrameCallback.doFrameGuarded (UIViewOperationQueue.java:1080)
в com.facebook.react.uimanager.GuardedFrameCallback.doFrame (GuardedFrameCallback.java:29)
в com.facebook.react.modules.core.ReactChoreographer $ ReactChoreographerDispatcher.doFrame (ReactChoreographer.java:166)
в com.facebook.react.modules.core.ChoreographerCompat $ FrameCallback $ 1.doFrame (ChoreographerCompat.java:84)
на android.view.Choreographer $ CallbackRecord.run (Choreographer.java:947)
на android.view.Choreographer.doCallbacks (Choreographer.java:761)
на android.view.Choreographer.doFrame (Choreographer.java:693)
в android.view.Choreographer $ FrameDisplayEventReceiver.run (Choreographer.java:935)
в android.os.Handler.handleCallback (Handler.java:873)
в android.os.Handler.dispatchMessage (Handler.java:99)
в android.os.Looper.loop (Looper.java:214)
в android.app.ActivityThread.main (ActivityThread.java:7045)
в java.lang.reflect.Method.invoke (Method.java)
в com.android.internal.os.RuntimeInit $ MethodAndArgsCaller.run (RuntimeInit.java:493)
в com.android.internal.os.ZygoteInit.main (ZygoteInit.java:965)

@knspatel Наше обходное решение заключалось в наложении на экран модального окна, в котором поле ввода текста размещалось над оригиналом вместе с небольшой непрозрачностью фона, чтобы устранить эффект перехода. Если координата Y находится вне поля зрения или недоступна, поле ввода текста находится прямо над клавиатурой.

Позвольте мне резюмировать:
Ключевой момент - нигде не устанавливать никакого значения для underlineColorAndroid . Но поскольку по умолчанию установлено значение 0.57 underlineColorAndroid , вам придется вручную удалить эту строку с помощью какого-нибудь инструмента исправления, такого как patch-package .
И если вы все же хотите сделать подчеркивание невидимым, вам нужно установить его в какой-нибудь xml-конфиг .

И вот некоторая информация, которую я нашел на данный момент:
В китайском блоге (можете попробовать гугл-переводчик, если вы не умеете читать) упоминается проблема, очень похожая на эту. В нем говорится, что какой-то настраиваемый класс с возможностью рисования без реализации getConstantState может вызвать сбой в каком-то сценарии.

Я обнаружил, что иногда текстовый ввод (ReactEditText) будет воссоздан (больше текстовых вводов, больше возможностей, вид повторного использования?), И он снова будет setBackground , который затем перейдет к https://github.com/aosp-mirror/ platform_frameworks_base / blob / master / graphics / java / android / graphics / drawable / DrawableContainer.java # L922 , где ConstantState имеет значение null.

Единственный настраиваемый класс с возможностью рисования, который я нашел, - это getConstantState который по умолчанию будет возвращать null.
Я попытался переопределить его с помощью какого-то пустого класса, и это может иметь некоторое значение (этот сбой уходит, а другие появляются).

Надеюсь, это поможет кому-то копать больше.

Я обнаружил, что ручное тестирование - это очень непростая задача, поэтому я написал компонент для автоматического тестирования некоторых сценариев, о которых люди сообщали выше. Вы найдете компонент ниже. Вам просто нужно где-то его отрендерить, чтобы он выполнял свою работу.

При этом я обнаружил, что вам нужно только добавить следующее в AppTheme в styles.xml, как это было предложено @Hopding
<item name="android:editTextBackground"><strong i="7">@android</strong>:color/transparent</item>

Больше ничего не требовалось, и _не было необходимости_ избегать установки underlineColorAndroid , поэтому не имело значения, что React Native теперь устанавливает его по умолчанию.

Основным недостатком этого исправления является то, что вам нужно изменить стиль ваших TextInputs, чтобы учесть результирующую потерю заполнения, а также вы потеряете фактическое поведение подчеркивания, что для нас было преимуществом, поскольку мы всегда устанавливали его «прозрачным» чтобы соответствовать iOS. Если вам это нужно, вы можете создать компонент-оболочку, который отслеживает onFocus и onBlur и делает ваше собственное подчеркивание.

Моя версия React Native - 0.57.3.

Вот еще несколько вещей, которые я обнаружил с помощью своего тестового компонента:

1. Я вообще не мог вызвать сбой на моем планшете Android с низкими характеристиками. Однако это было довольно легко воспроизвести на моем телефоне Samsung S6 Edge под управлением Android 7. Я предполагаю, что существует состояние гонки, которое требует более быстрого устройства, чтобы спровоцировать его.
2. Прокрутка ввода текста не имела никакого значения, и я мог легко воспроизвести проблему, даже не используя ScrollView.
3. Вводить текст не было необходимости. Простого изменения фокуса было достаточно, чтобы вызвать сбой.
4. Не имело значения, какой цвет вы установили для подчеркивания, даже undefined вызвал сбой, но вы, возможно, ожидали, что, поскольку RN теперь по умолчанию устанавливает его на «прозрачный»
5. Наличие значительного количества текстовых входов, отображаемых одновременно, имело значение, поскольку сбой происходил быстрее при 100, чем всего 10 на экране.
6. Я не мог воспроизвести сбой с помощью displayForMs: 0 предполагая, что это происходит только тогда, когда TextInputs были созданы только недавно.

Если вы не хотите зависать во время тестирования, вы можете записать вывод adb logcat и посмотреть сообщения консоли, созданные компонентом, и отчет о сбое.

Вот мой тестовый компонент, если вы захотите его использовать. Параметры теста настроены так, чтобы вызывать сбой, как правило, менее чем за 30 секунд.

/**
 * A test component to reproduce the crash reported at
 * https://github.com/facebook/react-native/issues/17530
 */

import * as React from "react";
import { View, ScrollView, TextInput, Text, StyleSheet } from "react-native";

// These are the test parameters
const params = {
  underlineColors: ["red", undefined, "transparent", "rgba(0, 0, 0, 0)"],  // The colors to test
  numberOfInputs: 100, // How many TextInput to render at a time
  focusIntervalMs: 200, // How often to change focus between them
  displayForMs: 3000, // How long to display them (set to 0 for indefinite)
  delayDisplayForMs: 10, // How long to delay between displays
  withScrollView: false // Whether to use a ScrollView
};

const testText = index =>
  `Testing underlineColor = ${params.underlineColors[index] || "undefined"}`;

class AndroidTextInputTest extends React.Component{
  state = {
    underlineColorIndex: 0,
    showInputs: true,
    startKey: 0
  };
  mounted = false;
  focusInterval = undefined;
  textInputRefs = undefined;
  focussedInputIndex = 0;

  componentDidMount() {
    console.log(`Testing with params = `, JSON.stringify(params));
    this.mounted = true;
    setTimeout(this._showInputs, params.delayDisplayForMs);
    setInterval(this._focusAnInput, params.focusIntervalMs);
  }

  componentWillUnmount() {
    clearInterval(this.focusInterval);
    this.mounted = false;
  }

  _focusAnInput = () => {
    if (this.mounted && this.textInputRefs) {
      if (this.focussedInputIndex >= this.textInputRefs.length) {
        this.focussedInputIndex = 0;
      }
      const textInputRef = this.textInputRefs[this.focussedInputIndex];
      const textInput = this.refs[textInputRef];
      if (textInput) {
        this.focussedInputIndex++;
        this.refs[textInputRef].focus();
      }
    }
  };

  _showInputs = () => {
    if (this.mounted) {
      console.log(testText(this.state.underlineColorIndex));
      this.setState({ showInputs: true });
      if (params.displayForMs) {
        setTimeout(this._unshowInputs, params.displayForMs);
      }
    }
  };

  _unshowInputs = () => {
    this.focussedInputIndex = 0;
    this.textInputRefs = undefined;
    if (this.mounted) {
      let next = this.state.underlineColorIndex + 1;
      if (next === params.underlineColors.length) {
        next = 0;
      }
      this.setState({
        underlineColorIndex: next,
        showInputs: false,
        startKey: this.state.startKey + params.numberOfInputs
      });
      setTimeout(this._showInputs, params.delayDisplayForMs);
    }
  };

  render() {
    const textInputs = [];
    const { underlineColorIndex } = this.state;
    const underlineColor = params.underlineColors[underlineColorIndex];

    const refs = [];

    if (this.state.showInputs) {
      for (let i = 0; i < params.numberOfInputs; i++) {
        const key = this.state.startKey + i + "";
        refs.push(key);
        textInputs.push(
          <TextInput
            ref={key}
            key={key}
            placeholder={key}
            underlineColorAndroid={underlineColor}
            style={styles.textInput}
          />
        );
      }
      if (!this.textInputRefs) {
        this.textInputRefs = refs;
      }
    }

    return (
      <View style={styles.mainView}>
        <Text>{testText(underlineColorIndex)}</Text>
        {params.withScrollView ? (
          <React.Fragment>
            <Text>With ScrollView</Text>
            <ScrollView>{textInputs}</ScrollView>
          </React.Fragment>
        ) : (
          <React.Fragment>{textInputs}</React.Fragment>
        )}
      </View>
    );
  }
}

const styles = StyleSheet.create({
  mainView: {
    flex: 1,
    alignItems: "center"
  },
  textInput: {
    backgroundColor: "white",
    margin: 5,
    width: 300
  }
});

export default AndroidTextInputTest;

Для всех, кто ищет решение, я также могу подтвердить, что настройка@android : цвет / прозрачный в styles.xml исправлена ​​проблема.

К вашему сведению: мы используем React-Native Paper и их компонент TextInput, и мы смогли безопасно установить <item name="android:editTextBackground"><strong i="5">@android</strong>:color/transparent</item> без какого-либо влияния на RN-Paper TextInput и с тех пор больше не испытывали сбоев.

Смотрим в продакшене на 0.59.9 .

Crashlytics:

Samsung Galaxy S7 Edge
Android 8.0

Fatal Exception: java.lang.NullPointerException: Attempt to invoke virtual method 'android.graphics.drawable.Drawable android.graphics.drawable.Drawable$ConstantState.newDrawable(android.content.res.Resources)' on a null object reference
       at android.graphics.drawable.DrawableContainer$DrawableContainerState.createAllFutures + 875(DrawableContainer.java:875)
       at android.graphics.drawable.DrawableContainer$DrawableContainerState.getOpacity + 1158(DrawableContainer.java:1158)
       at android.graphics.drawable.DrawableContainer.getOpacity + 433(DrawableContainer.java:433)
       at android.graphics.drawable.InsetDrawable.getOpacity + 258(InsetDrawable.java:258)
       at android.view.View.computeOpaqueFlags + 16809(View.java:16809)
       at android.view.View.setBackgroundDrawable + 21728(View.java:21728)
       at android.view.View.setBackground + 21621(View.java:21621)
       at android.view.View.<init> + 5553(View.java:5553)
       at android.widget.TextView.<init> + 1135(TextView.java:1135)
       at android.widget.EditText.<init> + 107(EditText.java:107)
       at android.widget.EditText.<init> + 103(EditText.java:103)
       at android.widget.EditText.<init> + 99(EditText.java:99)
       at android.widget.EditText.<init> + 95(EditText.java:95)
       at com.facebook.react.views.textinput.ReactTextInputShadowNode.setThemedContext + 76(ReactTextInputShadowNode.java:76)
       at com.facebook.react.uimanager.UIImplementation.createView + 294(UIImplementation.java:294)
       at com.facebook.react.uimanager.UIManagerModule.createView + 462(UIManagerModule.java:462)
       at java.lang.reflect.Method.invoke(Method.java)
       at com.facebook.react.bridge.JavaMethodWrapper.invoke + 372(JavaMethodWrapper.java:372)
       at com.facebook.react.bridge.JavaModuleWrapper.invoke + 158(JavaModuleWrapper.java:158)
       at com.facebook.react.bridge.queue.NativeRunnable.run(NativeRunnable.java)
       at android.os.Handler.handleCallback + 789(Handler.java:789)
       at android.os.Handler.dispatchMessage + 98(Handler.java:98)
       at com.facebook.react.bridge.queue.MessageQueueThreadHandler.dispatchMessage + 29(MessageQueueThreadHandler.java:29)
       at android.os.Looper.loop + 164(Looper.java:164)
       at com.facebook.react.bridge.queue.MessageQueueThreadImpl$4.run + 232(MessageQueueThreadImpl.java:232)
       at java.lang.Thread.run + 764(Thread.java:764)

Изменяя это:

state = {
  data: []
}

к этому:

constructor(props) {
  super(props);
  this.state = {
    data: []
  };
}

исправил проблему для меня. Не знаете, почему, потому что установка состояния в качестве переменной класса должна быть в порядке? Кто угодно?

@wbodron Нет, это не связано. Авария случайна, поэтому вы можете подумать, что она исчезла, но на самом деле это не так. И ключевой момент, который я объяснил выше, https://github.com/facebook/react-native/issues/17530#issuecomment -500865260

cc @cpojer @shergin @sahrens

Удалите папку сборки с android.
Ваш_Проект> android> приложение> сборка

После его удаления запустите react-native run-android

должно работать нормально.
У меня работали: D

Я уже пробовал это и удалял underlineColorAndroid, но проблема не исчезла. У кого-нибудь есть другое решение?

Эта проблема также приводила к сбою нашего приложения в производственной среде. Это неприятный баг, потому что его действительно сложно воспроизвести. Мы нашли многообещающее исправление для нашего приложения, и я хотел бы поделиться своими выводами здесь, чтобы, надеюсь, сэкономить время и разочарование других.

Технические характеристики и версии

Эта ошибка привела к сбою нашего приложения на устройствах Samsung, Google и LG Android. У нас были отчеты о сбоях из следующих версий Android:

• 8.0.0
• 8.1.0
• 7.1.1

Наше приложение работает:

• react-native : 0.53.0
• react : 16.2.0

Что вызывает сбой

Как отмечали другие в этом потоке, проблема, похоже, вызвана отображением некоторой комбинации компонентов TextInput , FlatList и ScrollView . В нашем случае у нас есть экран, содержащий один TextInput отображаемый над FlatList . При нажатии на один из элементов в FlatList приложение переходит на новый экран, содержащий форму. Корневой компонент этой формы - это ScrollView который содержит ряд компонентов TextInput (вместе с некоторыми кнопками и другими настраиваемыми компонентами). Наше приложение вылетает, когда пользователь нажимает на один из этих FlatList элементов (обратите внимание, что это происходит не каждый раз).
Воспроизвести эту проблему сложно. Фактически, мы не смогли этого сделать. Но мы знаем, что сбой происходит на этом этапе рабочего процесса, просматривая записи сеанса Appsee.
Поскольку мы не можем воспроизвести проблему, нам пришлось полагаться на журналы сбоев из Appsee для ее отладки. Я скопировал трассировку стека из отчетов о сбоях ниже (и пропустил некоторые шумные участки). Это более или менее идентично трассировкам стека, опубликованным в этой ветке другими:

0   java.lang.NullPointerException: Attempt to invoke virtual method 'android.graphics.drawable.Drawable android.graphics.drawable.Drawable$ConstantState.newDrawable(android.content.res.Resources)' on a null object reference
1   at android.graphics.drawable.DrawableContainer$DrawableContainerState.createAllFutures(DrawableContainer.java:875)
2   at android.graphics.drawable.DrawableContainer$DrawableContainerState.getOpacity(DrawableContainer.java:1158)
3   at android.graphics.drawable.DrawableContainer.getOpacity(DrawableContainer.java:433)
4   at android.graphics.drawable.InsetDrawable.getOpacity(InsetDrawable.java:258)
5   at android.view.View.computeOpaqueFlags(View.java:16900)
6   at android.view.View.setBackgroundDrawable(View.java:21824)
7   at android.view.View.setBackground(View.java:21717)
8   at android.view.View.<init>(View.java:5577)
9   at android.widget.TextView.<init>(TextView.java:1144)
...
13  at android.widget.EditText.<init>(EditText.java:96)
14  at com.facebook.react.views.textinput.ReactEditText.<init>(ReactEditText.java:91)
15  at com.facebook.react.views.textinput.ReactTextInputManager.createViewInstance(ReactTextInputManager.java:91)
16  at com.facebook.react.views.textinput.ReactTextInputManager.createViewInstance(ReactTextInputManager.java:61)
...
35  at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:1408)

Источник проблемы

Прочитав эту ветку и проведя несколько часов или проведя исследование, я нашел обработчик underlineColorAndroid prop в файле ReactTextInputManager.java :

@ReactProp(name = "underlineColorAndroid", customType = "Color")
public void setUnderlineColor(ReactEditText view, <strong i="44">@Nullable</strong> Integer underlineColor) {
  // Drawable.mutate() can sometimes crash due to an AOSP bug:
  // See https://code.google.com/p/android/issues/detail?id=191754 for more info
  Drawable background = view.getBackground();
  Drawable drawableToMutate = background.getConstantState() != null ?
    background.mutate() :
    background;

  if (underlineColor == null) {
    drawableToMutate.clearColorFilter();
  } else {
    drawableToMutate.setColorFilter(underlineColor, PorterDuff.Mode.SRC_IN);
  }
}

Отчет об ошибке, ссылка на который есть в комментарии, содержит следующую трассировку стека:

java.lang.NullPointerException: Attempt to invoke virtual method 'android.graphics.drawable.Drawable android.graphics.drawable.Drawable$ConstantState.newDrawable()' on a null object reference
    at android.graphics.drawable.LayerDrawable$ChildDrawable.<init>(LayerDrawable.java:1723)
    at android.graphics.drawable.LayerDrawable$LayerState.<init>(LayerDrawable.java:1792)
    at android.graphics.drawable.LayerDrawable.createConstantState(LayerDrawable.java:152)
    at android.graphics.drawable.LayerDrawable.mutate(LayerDrawable.java:1652)

Это соответствует трассировке стека, с которой мы сталкиваемся в нашем приложении. Я не претендую на полное понимание основной проблемы, но вполне вероятно, что причина сбоя нашего приложения в рабочей среде связана с срабатыванием ошибки Drawable.mutate() . Это происходит, когда мы пытаемся установить свойство underlineColorAndroid для нашего компонента TextInput (и, таким образом, вызываем метод ReactTextInputManager.setUnderlineColor ).
Наше приложение рендерило TextInput со следующими реквизитами, одним из которых было underlineColorAndroid="transparent" :

<TextInput
  ref={this.handleRef}
  value={this.props.value}
  autoCorrect={false}
  autoCapitalize="none"
  underlineColorAndroid="transparent"
  onSubmitEditing={this.handleSubmit}
  onChangeText={this.props.onChangeText}
  onFocus={this.handleFocused}
  onBlur={this.handleBlur}
  clearButtonMode="always"
/>

Как мы это исправили

Нам нужно было установить эту опору, чтобы убрать подчеркивание с компонентов TextInput в нашем приложении. Но, судя по нашим выводам, его обработчик пропуска запускал ошибку Android, которая иногда приводила к сбою приложения.
К счастью, есть еще один способ убрать подчеркивание с компонентов TextInput на Android. Вы можете добавить строку в файл android/app/src/main/res/values/styles.xml :

<resources>
    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="android:windowExitAnimation"><strong i="67">@android</strong>:anim/fade_out</item>
        <item name="android:windowBackground">@drawable/splash_screen</item>
+       <item name="android:editTextBackground"><strong i="68">@android</strong>:color/transparent</item>
    </style>
</resources>

Обратите внимание, что я также видел следующее предложение, но это не сняло для нас подчеркивания:

<resources>
    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="android:windowExitAnimation"><strong i="73">@android</strong>:anim/fade_out</item>
        <item name="android:windowBackground">@drawable/splash_screen</item>
    </style>

+   <!-- This did *not* work for us... -->
+   <style name="AppEditTextStyle" parent="@style/Widget.AppCompat.EditText">
+     <item name="android:background"><strong i="74">@android</strong>:color/transparent</item>
+   </style>
</resources>

Это не решает основную проблему. Это просто обходной путь, который предполагает отказ от использования underlineColorAndroid prop в компонентах TextInput .
Я пока не могу с уверенностью сказать, что это действительно работает, потому что мне не удалось воспроизвести проблему локально. Мы внедрим это изменение в обновлении нашего приложения в ближайшие недели. После этого нам придется немного подождать, чтобы увидеть, происходит ли это больше. Я постараюсь доложить о наших результатах.
Удачи всем, борющимся с этой неприятной проблемой! Надеюсь, это поможет.

Я знаю, как воспроизвести эту ситуацию. Щелкните еще раз в форме, как вы сказали, а затем щелкните элемент в плоском списке, чтобы войти в форму. Повторите примерно десять раз, и немного быстрее появится эта ошибка. Вы можете воспроизвести ошибку в соответствии с тем, что я сказал.

Что я могу сделать? Я тоже столкнулся с этой проблемой!

тоже самое. Облицовка в производстве

@ jake41 Я попытался перезапустить его, и он сработал, попробовать перезапустить? Я сталкиваюсь с этой проблемой после обновления моего expo cli, я думаю, это проблема версии.

@agrass Я попробую ваш метод. Выглядит многообещающе.
Но мое приложение очень редко выходит из строя по этой причине. Из-за этой проблемы приложение вылетает каждый раз? или иногда?
DAU нашего приложения составляет около 8k, и это происходит примерно раз в день. Так что это незначительно, но я надеюсь вылечить аварию.

Кто-нибудь нашел подходящее исправление для этого? Это происходит очень редко и только в том компоненте, где есть текстовое поле.

Проблема все еще сохраняется с React Native 0.60

React Native: 0,59,8
Android: 8.1.0
Устройство: Redmi 5 Plus

Fatal Exception: java.lang.NullPointerException: Attempt to invoke virtual method 'android.graphics.drawable.Drawable android.graphics.drawable.Drawable$ConstantState.newDrawable(android.content.res.Resources)' on a null object reference
       at android.graphics.drawable.DrawableContainer$DrawableContainerState.createAllFutures + 875(DrawableContainer.java:875)
       at android.graphics.drawable.DrawableContainer$DrawableContainerState.getOpacity + 1158(DrawableContainer.java:1158)
       at android.graphics.drawable.DrawableContainer.getOpacity + 433(DrawableContainer.java:433)
       at android.graphics.drawable.InsetDrawable.getOpacity + 258(InsetDrawable.java:258)
       at android.view.View.computeOpaqueFlags + 15726(View.java:15726)
       at android.view.View.setBackgroundDrawable + 20536(View.java:20536)
       at android.view.View.setBackground + 20429(View.java:20429)
       at android.view.View.(View.java:5256)
       at android.widget.TextView.(TextView.java:826)
       at android.widget.EditText.(EditText.java:88)
       at android.widget.EditText.(EditText.java:84)
       at android.widget.EditText.(EditText.java:80)
       at android.widget.EditText.(EditText.java:76)
       at com.facebook.react.views.textinput.ReactEditText.(ReactEditText.java:89)
       at com.facebook.react.views.textinput.ReactTextInputManager.createViewInstance + 105(ReactTextInputManager.java:105)
       at com.facebook.react.views.textinput.ReactTextInputManager.createViewInstance + 65(ReactTextInputManager.java:65)
       at com.facebook.react.uimanager.ViewManager.createView + 47(ViewManager.java:47)
       at com.facebook.react.uimanager.NativeViewHierarchyManager.createView + 256(NativeViewHierarchyManager.java:256)
       at com.facebook.react.uimanager.UIViewOperationQueue$CreateViewOperation.execute + 200(UIViewOperationQueue.java:200)
       at com.facebook.react.uimanager.UIViewOperationQueue$DispatchUIFrameCallback.dispatchPendingNonBatchedOperations + 1109(UIViewOperationQueue.java:1109)
       at com.facebook.react.uimanager.UIViewOperationQueue$DispatchUIFrameCallback.doFrameGuarded + 1080(UIViewOperationQueue.java:1080)
       at com.facebook.react.uimanager.GuardedFrameCallback.doFrame + 29(GuardedFrameCallback.java:29)
       at com.facebook.react.modules.core.ReactChoreographer$ReactChoreographerDispatcher.doFrame + 166(ReactChoreographer.java:166)
       at com.facebook.react.modules.core.ChoreographerCompat$FrameCallback$1.doFrame + 84(ChoreographerCompat.java:84)
       at android.view.Choreographer$CallbackRecord.run + 1027(Choreographer.java:1027)
       at android.view.Choreographer.doCallbacks + 841(Choreographer.java:841)
       at android.view.Choreographer.doFrame + 769(Choreographer.java:769)
       at android.view.Choreographer$FrameDisplayEventReceiver.run + 1015(Choreographer.java:1015)
       at android.os.Handler.handleCallback + 794(Handler.java:794)
       at android.os.Handler.dispatchMessage + 99(Handler.java:99)
       at android.os.Looper.loop + 176(Looper.java:176)
       at android.app.ActivityThread.main + 6651(ActivityThread.java:6651)
       at java.lang.reflect.Method.invoke(Method.java)
       at com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run + 547(RuntimeInit.java:547)
       at com.android.internal.os.ZygoteInit.main + 824(ZygoteInit.java:824)

Есть такая же проблема здесь
РН: 0,59,9
Устройство: Pixel 2
Android: 9.0

Если это экран формы, вы можете ждать, чтобы определить значения во входных данных, у меня это сработало.

Я нашел решение. Не уверен, что это надолго, но это позволит вам работать, пока не будет найдено постоянное решение.
Просто очистите свои деньги: npm start - --reset-cache
И перезапустите проект.
У меня это сработало.
К вашему сведению, я еще не выбросил свой проект.
Мои зависимости:

"devDependencies": {
"@ types / react": "^ 16.8.23",
"@ types / react-native": "^ 0.57.65",
"babel-preset-expo": "^ 6.0.0",
"машинописный текст": "^ 3.4.5"
},

Здесь взвешивается пользователь ExpoKit (SDK 34). У меня была эта проблема на всех версиях ExpoKit, включая последнюю. Я пробовал применить эти исправления с некоторыми изменениями, и пока все хорошо.

Смена стиля в конечном итоге немного отличалась от @Hopding - у меня сработало в основном противоположное. Я изменил стиль ExponentEditText в styles.xml как таковой:

<style name="ExponentEditText" parent="<strong i="9">@android</strong>:style/Widget.EditText">
    <item name="android:padding">0dp</item>
    <item name="android:textColorHint">#c8c8c8</item>
    <item name="android:textColor">#000000</item>
    <item name="android:background"><strong i="10">@android</strong>:color/transparent</item>
  </style>

поскольку изменение на android:editTextBackground не сработало (возможно, это как-то связано с уже существующим стилем ExponentEditText ). Интересно, что мне не пришлось исправлять опору по умолчанию, установив underlineColorAndroid на transparent . У меня была проблема с заполнением; однако я чувствовал, что на самом деле это было улучшение, поскольку мне больше не приходилось иметь дело с внутренним заполнением TextInput, когда он пуст, и я пытаюсь расположить другие компоненты рядом с ним.

Раньше мне удавалось надежно вызывать ошибку с помощью кнопки диагностики, которую я добавил в наше приложение, которое добавляло 500 TextInputs в SectionList. Я бы сказал, что он срабатывает в 60% случаев с первой попытки, 90% со второй и 100% с третьей, по моему опыту. После внесения изменений пробовал не менее 10 раз без ошибок.

Есть такая же проблема здесь
РН: 0,55,4
Устройство: MI 8 Lite
Android: 8.1.0

java.lang.NullPointerException: попытка вызвать виртуальный метод android.graphics.drawable.Drawable android.graphics.drawable.Drawable $ ConstantState.newDrawable (android.content.res.Resources) для ссылки на нулевой объект
в android.graphics.drawable.DrawableContainer $ DrawableContainerState.createAllFutures (DrawableContainer.java:875)
в android.graphics.drawable.DrawableContainer $ DrawableContainerState.getOpacity (DrawableContainer.java:1158)
в android.graphics.drawable.DrawableContainer.getOpacity (DrawableContainer.java:433)
в android.graphics.drawable.InsetDrawable.getOpacity (InsetDrawable.java:258)
в android.view.View.computeOpaqueFlags (View.java:15748)
в android.view.View.setBackgroundDrawable (View.java:20558)
в android.view.View.setBackground (View.java:20451)
в android.view.View.(View.java:5255)
в android.widget.TextView.(TextView.java:826)
в android.widget.EditText.(EditText.java:88)
в android.widget.EditText.(EditText.java:84)
в android.widget.EditText.(EditText.java:80)
в android.widget.EditText.(EditText.java:76)
в com.facebook.react.views.textinput.ReactTextInputShadowNode.setThemedContext (ReactTextInputShadowNode.java:80)
в com.facebook.react.uimanager.UIImplementation.createView (UIImplementation.java:282)
в com.facebook.react.uimanager.UIManagerModule.createView (UIManagerModule.java:366)
в java.lang.reflect.Method.invoke (Method.java)
в com.facebook.react.bridge.JavaMethodWrapper.invoke (JavaMethodWrapper.java:372)
в com.facebook.react.bridge.JavaModuleWrapper.invoke (JavaModuleWrapper.java:160)
в com.facebook.react.bridge.queue.NativeRunnable.run (NativeRunnable.java)
в android.os.Handler.handleCallback (Handler.java:790)
в android.os.Handler.dispatchMessage (Handler.java:99)
в com.facebook.react.bridge.queue.MessageQueueThreadHandler.dispatchMessage (MessageQueueThreadHandler.java:29)
в android.os.Looper.loop (Looper.java:164)
в com.facebook.react.bridge.queue.MessageQueueThreadImpl $ 3.run (MessageQueueThreadImpl.java:192)
в java.lang.Thread.run (Thread.java:764)

Неустранимое исключение: java.lang.NullPointerException
Попытка вызвать виртуальный метод android.graphics.drawable.Drawable android.graphics.drawable.Drawable $ ConstantState.newDrawable (android.content.res.Resources) для ссылки на нулевой объект

естественных условиях 1804
Версия Android: 9

Происходит для меня. React Native версия 0.60.4, работающая на Android 9. Однако очень непостоянно и редко.

Происходит для меня. React Native версия 0.60.4, работающая на Android 9. Однако очень непостоянно и редко.

То же и со мной ...

То же самое, React Native 0.60.4 на Android 9

Я использую React Native с Expo, и сегодня утром у меня возникла проблема.
Сначала я попытался поместить эту строку в свой файл styles.xml AppTheme следующим образом

<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
  <item name="android:editTextBackground"><strong i="9">@android</strong>:color/transparent</item>
</style>

Это не сработало, поэтому я поискал другое место и, наконец, поместил его туда:

<style name="Theme.ReactNative.AppCompat.Light.NoActionBar.FullScreen"
       parent="@style/Theme.ReactNative.AppCompat.Light">
    <item name="android:windowNoTitle">true</item>
    <item name="windowActionBar">false</item>
    <item name="android:windowFullscreen">true</item>
    <item name="android:windowContentOverlay">@null</item>
  <item name="android:editTextBackground"><strong i="16">@android</strong>:color/transparent</item>
</style>

Кажется, теперь работает отлично

Эта авария настолько случайна. Та же трассировка стека, v0.60.4. Та же ошибка. Есть решение? Кто-то предложил удалить папку сборки, но я не понимаю, при чем здесь нулевой указатель? Решение всегда похоже на перестройку / повторный запуск

@armagedan @jacobbeasley et al. проблема _is_ прерывистая, поэтому вы можете попробовать компонент drop-in, представленный в моем комментарии выше, чтобы воспроизвести его. Этот комментарий также содержит анализ проблемы и решение, которое подходит мне и многим другим.

@wxjer, я пытаюсь очистить данные приложения при настройке, и оно работает! ты можешь попробовать это

То же самое, React Native 0.60.4 на Android 9 и Android 8

Любое решение?

Если кто-то хорошо разбирается в отладке Android, вот наша ошибка, о которой только что сообщалось.

реагировать-родной 0.60.4

https://sentry.io/share/issue/e0c581e2e99a4ca48199647b8bd3f497/

То же самое, React Native 0.60.5 на Android 9

Здравствуйте! Мы решили эту проблему, удалив свойство underlineColorAndroid из нашего TextInput и добавив эту строку в файл styles.xml внутри (android / src / main / res / values ​​/ styles.xml)

<item name="android:editTextBackground"><strong i="6">@android</strong>:color/transparent</item>

Это отчет об ошибке?

да

Вы читали Правила участия ?

да, мне очень жаль, что я не могу предоставить дополнительную информацию об этом исключении, кроме трассировки стека, потому что отчет о сбое был собран из Google Analytics, я не знаю, чтобы снова появилось это исключение.

Окружающая обстановка

Окружающая обстановка:
ОС: macOS Sierra 10.12.6
Узел: 8.4.0
Пряжа: 0,27,5
npm: 5.4.0
Android Studio: 3.0

Пакеты: (хотел => установлен)
реагировать-родной: 0.51.0 => 0.51.0
реагировать: 16.0.0-alpha.12 => 16.0.0-alpha.12

Целевая платформа: Android (7.1.1)
мобильный: MIX 2
андроид: 7.1.1
java.lang.NullPointerException:
соблазн вызвать виртуальный метод android.graphics.drawable.Drawable android.graphics.drawable.Drawable $ ConstantState.newDrawable (android.content.res.Resources) для ссылки на нулевой объект в
android.graphics.drawable.DrawableContainer $ DrawableContainerState.getChild (DrawableContainer.java:888) в
android.graphics.drawable.DrawableContainer.selectDrawable (DrawableContainer.java:466) в
android.graphics.drawable.StateListDrawable.onStateChange (StateListDrawable.java:104) в
android.graphics.drawable.Drawable.setState (Drawable.java:735) в
android.graphics.drawable.DrawableWrapper.onStateChange (DrawableWrapper.java:331) в
android.graphics.drawable.Drawable.setState (Drawable.java:735) в
android.graphics.drawable.LayerDrawable.onStateChange (LayerDrawable.java:1488) в
android.graphics.drawable.Drawable.setState (Drawable.java:735) в
android.view.View.drawableStateChanged (View.java:18002) в
android.widget.TextView.drawableStateChanged (TextView.java:4097) в
android.view.View.refreshDrawableState (View.java:18071) в
android.view.View.setPressed (View.java:8543) в
android.view.View.setPressed (View.java:8521) в
android.view.View.onTouchEvent (View.java:11218) в
android.widget.TextView.onTouchEvent (TextView.java:8467) в
com.facebook.react.views.textinput.ReactEditText.onTouchEvent (ReactEditText.java:150)

реагировать-родной 0.60.4 я тоже

Недавно начал сталкиваться с этой аварией, RN 0.60.5, в основном на Android 8/9 (возможно, 10 тоже, еще не тестировал это подробно).

https://github.com/facebook/react-native/issues/17530#issuecomment -504044357, похоже, помогает мне. Обычно сбой проявляется в течение первых ~ 5 итераций, которые проходит тестовый компонент. После добавления этой строки он выполнялся без сбоев в течение ~ 200 итераций, прежде чем я остановил его.

edit: Используя компонент тестирования, я могу надежно воспроизвести это и на Android 6, хотя, опять же, предлагаемое исправление, похоже, решает проблему.

То же самое здесь на RN 0.61

Привет, ребята, у меня сработало решение

Эта проблема все еще существует, и мое приложение сломалось - все работало нормально, я добавил вызов fetch, и теперь, даже когда я прокомментировал это, я не могу снова запустить приложение: cry: Я использую Expo, кстати

РЕДАКТИРОВАТЬ: я исправил свою проблему для expo, переустановив приложение expo на моем устройстве

Также столкнулся с этой ошибкой (RN: 0.61.1, Android 10 api 29). 'npm start --reset-cache' исправил ошибку.

@johnbowdenatfacet , возможно, вы захотите попробовать компонент теста drop-in, представленный в моем комментарии выше, чтобы подтвердить исправление.

Та же проблема.

React-Native 0.59.10
Android

java.lang.NullPointerException: попытка вызвать виртуальный метод android.graphics.drawable.Drawable android.graphics.drawable.Drawable $ ConstantState.newDrawable (android.content.res.Resources) для ссылки на нулевой объект
в android.graphics.drawable.DrawableContainer $ DrawableContainerState.createAllFutures (DrawableContainer.java:875)
в android.graphics.drawable.DrawableContainer $ DrawableContainerState.getOpacity (DrawableContainer.java:1158)
в android.graphics.drawable.DrawableContainer.getOpacity (DrawableContainer.java:433)
в android.graphics.drawable.InsetDrawable.getOpacity (InsetDrawable.java:258)

Та же проблема.

Здравствуйте! Мы решили эту проблему, удалив свойство underlineColorAndroid из нашего TextInput и добавив эту строку в файл styles.xml внутри (android / src / main / res / values ​​/ styles.xml)

<item name="android:editTextBackground"><strong i="7">@android</strong>:color/transparent</item>

Решил мою проблему, большое спасибо.

Я только что запустил (react-native run-android), это решило проблему со мной

Та же проблема с 0.61.3

Я все еще сталкиваюсь с проблемой. Некоторые пользователи сообщают о сбоях приложений Android, но это происходит настолько случайно, что я не могу воспроизвести их.

+1, со мной тоже случилось

@pedrosimao , возможно, вы захотите попробовать компонент теста drop-in, представленный в моем комментарии выше, чтобы надежно воспроизвести ошибку. Этот комментарий также указывает на решение проблемы.

Я сузил проблему для меня на входе, который импортирован из собственной базы.

Обновлено:
Я перезапустил свой компьютер и телефон, а затем снова запустил, это работало как шарм :)

У меня тоже было это. Я решил проблему, повторно запустив выставку через expo r -c

Сообщение о той же проблеме для RN ​​0.59.10

Я обнаружил, что ручное тестирование - это очень непростая задача, поэтому я написал компонент для автоматического тестирования некоторых сценариев, о которых люди сообщали выше. Вы найдете компонент ниже. Вам просто нужно где-то его отрендерить, чтобы он выполнял свою работу.

При этом я обнаружил, что вам нужно только добавить следующее в AppTheme в styles.xml, как это было предложено @Hopding
<item name="android:editTextBackground"><strong i="8">@android</strong>:color/transparent</item>

Больше ничего не требовалось, и _не было необходимости_ избегать установки underlineColorAndroid , поэтому не имело значения, что React Native теперь устанавливает его по умолчанию.

Основным недостатком этого исправления является то, что вам нужно изменить стиль ваших TextInputs, чтобы учесть результирующую потерю заполнения, а также вы потеряете фактическое поведение подчеркивания, что для нас было преимуществом, поскольку мы всегда устанавливали его «прозрачным» чтобы соответствовать iOS. Если вам это нужно, вы можете создать компонент-оболочку, который отслеживает onFocus и onBlur и делает ваше собственное подчеркивание.

Моя версия React Native - 0.57.3.

Вот еще несколько вещей, которые я обнаружил с помощью своего тестового компонента:

1. Я вообще не мог вызвать сбой на моем планшете Android с низкими характеристиками. Однако это было довольно легко воспроизвести на моем телефоне Samsung S6 Edge под управлением Android 7. Я предполагаю, что существует состояние гонки, которое требует более быстрого устройства, чтобы спровоцировать его.
2. Прокрутка ввода текста не имела никакого значения, и я мог легко воспроизвести проблему, даже не используя ScrollView.
3. Вводить текст не было необходимости. Простого изменения фокуса было достаточно, чтобы вызвать сбой.
4. Не имело значения, какой цвет вы установили для подчеркивания, даже undefined вызвал сбой, но вы, возможно, ожидали, что, поскольку RN теперь по умолчанию устанавливает его на «прозрачный»
5. Наличие значительного количества текстовых входов, отображаемых одновременно, имело значение, поскольку сбой происходил быстрее при 100, чем всего 10 на экране.
6. Я не мог воспроизвести сбой с помощью displayForMs: 0 предполагая, что это происходит только тогда, когда TextInputs были созданы только недавно.

Если вы не хотите зависать во время тестирования, вы можете записать вывод adb logcat и найти консольные сообщения, создаваемые компонентом, и отчет о сбоях.

Вот мой тестовый компонент, если вы захотите его использовать. Параметры теста настроены так, чтобы вызывать сбой, как правило, менее чем за 30 секунд.

/**
 * A test component to reproduce the crash reported at
 * https://github.com/facebook/react-native/issues/17530
 */

import * as React from "react";
import { View, ScrollView, TextInput, Text, StyleSheet } from "react-native";

// These are the test parameters
const params = {
  underlineColors: ["red", undefined, "transparent", "rgba(0, 0, 0, 0)"],  // The colors to test
  numberOfInputs: 100, // How many TextInput to render at a time
  focusIntervalMs: 200, // How often to change focus between them
  displayForMs: 3000, // How long to display them (set to 0 for indefinite)
  delayDisplayForMs: 10, // How long to delay between displays
  withScrollView: false // Whether to use a ScrollView
};

const testText = index =>
  `Testing underlineColor = ${params.underlineColors[index] || "undefined"}`;

class AndroidTextInputTest extends React.Component{
  state = {
    underlineColorIndex: 0,
    showInputs: true,
    startKey: 0
  };
  mounted = false;
  focusInterval = undefined;
  textInputRefs = undefined;
  focussedInputIndex = 0;

  componentDidMount() {
    console.log(`Testing with params = `, JSON.stringify(params));
    this.mounted = true;
    setTimeout(this._showInputs, params.delayDisplayForMs);
    setInterval(this._focusAnInput, params.focusIntervalMs);
  }

  componentWillUnmount() {
    clearInterval(this.focusInterval);
    this.mounted = false;
  }

  _focusAnInput = () => {
    if (this.mounted && this.textInputRefs) {
      if (this.focussedInputIndex >= this.textInputRefs.length) {
        this.focussedInputIndex = 0;
      }
      const textInputRef = this.textInputRefs[this.focussedInputIndex];
      const textInput = this.refs[textInputRef];
      if (textInput) {
        this.focussedInputIndex++;
        this.refs[textInputRef].focus();
      }
    }
  };

  _showInputs = () => {
    if (this.mounted) {
      console.log(testText(this.state.underlineColorIndex));
      this.setState({ showInputs: true });
      if (params.displayForMs) {
        setTimeout(this._unshowInputs, params.displayForMs);
      }
    }
  };

  _unshowInputs = () => {
    this.focussedInputIndex = 0;
    this.textInputRefs = undefined;
    if (this.mounted) {
      let next = this.state.underlineColorIndex + 1;
      if (next === params.underlineColors.length) {
        next = 0;
      }
      this.setState({
        underlineColorIndex: next,
        showInputs: false,
        startKey: this.state.startKey + params.numberOfInputs
      });
      setTimeout(this._showInputs, params.delayDisplayForMs);
    }
  };

  render() {
    const textInputs = [];
    const { underlineColorIndex } = this.state;
    const underlineColor = params.underlineColors[underlineColorIndex];

    const refs = [];

    if (this.state.showInputs) {
      for (let i = 0; i < params.numberOfInputs; i++) {
        const key = this.state.startKey + i + "";
        refs.push(key);
        textInputs.push(
          <TextInput
            ref={key}
            key={key}
            placeholder={key}
            underlineColorAndroid={underlineColor}
            style={styles.textInput}
          />
        );
      }
      if (!this.textInputRefs) {
        this.textInputRefs = refs;
      }
    }

    return (
      <View style={styles.mainView}>
        <Text>{testText(underlineColorIndex)}</Text>
        {params.withScrollView ? (
          <React.Fragment>
            <Text>With ScrollView</Text>
            <ScrollView>{textInputs}</ScrollView>
          </React.Fragment>
        ) : (
          <React.Fragment>{textInputs}</React.Fragment>
        )}
      </View>
    );
  }
}

const styles = StyleSheet.create({
  mainView: {
    flex: 1,
    alignItems: "center"
  },
  textInput: {
    backgroundColor: "white",
    margin: 5,
    width: 300
  }
});

export default AndroidTextInputTest;

Пробовал, но клавиатура не отображалась в TextInputs. Какие-нибудь решения?

Спасибо, что попробовали мой компонент @saketkumar.

Я не могу вспомнить, должна ли клавиатура появляться для этого теста, хотя я ожидал, что она появится, когда ввод текста сфокусирован. Вы используете реальное устройство или эмулятор?

Вы могли видеть курсор, появляющийся в текстовых полях, когда они были сфокусированы, и смог ли компонент воспроизвести для вас сбой?

Такой же

Встречается в React 0.59 на различных телефонах Android.

Возникает случайным образом в компонентах с TextInput вложенными в Flatlist

Пытался установить атрибут underlineColorAndroid={null} для TextInput как обсуждалось в этом потоке, но ошибка сохраняется

Мне пришлось перезагрузить телефон и переустановить EXPO, чтобы исправить это. Если это не сработает для вас, я бы попробовал очистить ваш кеш и очистить кеш самого приложения EXPO.

Понятия не имею, как вообще произошла эта ОШИБКА. Я не мог ни воссоздать это, ни придумать, как предотвратить это снова.
Это просто началось, и что бы я ни изменил в своем коде, это не исправило. Это определенно проблема с EXPO APP, потому что я вижу ОШИБКУ в приложении, но не на моей консоли или где-либо еще.

+1 Ошибка все еще существует в RN 0.59.9. сообщается из firebase crashlytics

первым, кто получит эту ошибку на RN 0.61?

Получив ту же ошибку в RN 0.61, решение @diegotsi исправило ее.
Это серьезная проблема, поскольку она впервые случилась со мной на этапе подготовки к производству, и я бы никогда не смог отследить ее без сбоев, поскольку неустойчивое поведение затрудняет воспроизведение.

Это отчет об ошибке?

да

Вы читали Правила участия ?

да, мне очень жаль, что я не могу предоставить дополнительную информацию об этом исключении, кроме трассировки стека, потому что отчет о сбое был собран из Google Analytics, я не знаю, чтобы снова появилось это исключение.

Окружающая обстановка

Окружающая обстановка:
ОС: macOS Sierra 10.12.6
Узел: 8.4.0
Пряжа: 0,27,5
npm: 5.4.0
Android Studio: 3.0

Пакеты: (хотел => установлен)
реагировать-родной: 0.51.0 => 0.51.0
реагировать: 16.0.0-alpha.12 => 16.0.0-alpha.12

Целевая платформа: Android (7.1.1)
мобильный: MIX 2
андроид: 7.1.1
java.lang.NullPointerException:
соблазн вызвать виртуальный метод android.graphics.drawable.Drawable android.graphics.drawable.Drawable $ ConstantState.newDrawable (android.content.res.Resources) для ссылки на нулевой объект в
android.graphics.drawable.DrawableContainer $ DrawableContainerState.getChild (DrawableContainer.java:888) в
android.graphics.drawable.DrawableContainer.selectDrawable (DrawableContainer.java:466) в
android.graphics.drawable.StateListDrawable.onStateChange (StateListDrawable.java:104) в
android.graphics.drawable.Drawable.setState (Drawable.java:735) в
android.graphics.drawable.DrawableWrapper.onStateChange (DrawableWrapper.java:331) в
android.graphics.drawable.Drawable.setState (Drawable.java:735) в
android.graphics.drawable.LayerDrawable.onStateChange (LayerDrawable.java:1488) в
android.graphics.drawable.Drawable.setState (Drawable.java:735) в
android.view.View.drawableStateChanged (View.java:18002) в
android.widget.TextView.drawableStateChanged (TextView.java:4097) в
android.view.View.refreshDrawableState (View.java:18071) в
android.view.View.setPressed (View.java:8543) в
android.view.View.setPressed (View.java:8521) в
android.view.View.onTouchEvent (View.java:11218) в
android.widget.TextView.onTouchEvent (TextView.java:8467) в
com.facebook.react.views.textinput.ReactEditText.onTouchEvent (ReactEditText.java:150)

Это отчет об ошибке?

да

Вы читали Правила участия ?

да, мне очень жаль, что я не могу предоставить дополнительную информацию об этом исключении, кроме трассировки стека, потому что отчет о сбое был собран из Google Analytics, я не знаю, чтобы снова появилось это исключение.

Окружающая обстановка

Окружающая обстановка:
ОС: macOS Sierra 10.12.6
Узел: 8.4.0
Пряжа: 0,27,5
npm: 5.4.0
Android Studio: 3.0

Пакеты: (хотел => установлен)
реагировать-родной: 0.51.0 => 0.51.0
реагировать: 16.0.0-alpha.12 => 16.0.0-alpha.12

Целевая платформа: Android (7.1.1)
мобильный: MIX 2
андроид: 7.1.1
java.lang.NullPointerException:
соблазн вызвать виртуальный метод android.graphics.drawable.Drawable android.graphics.drawable.Drawable $ ConstantState.newDrawable (android.content.res.Resources) для ссылки на нулевой объект в
android.graphics.drawable.DrawableContainer $ DrawableContainerState.getChild (DrawableContainer.java:888) в
android.graphics.drawable.DrawableContainer.selectDrawable (DrawableContainer.java:466) в
android.graphics.drawable.StateListDrawable.onStateChange (StateListDrawable.java:104) в
android.graphics.drawable.Drawable.setState (Drawable.java:735) в
android.graphics.drawable.DrawableWrapper.onStateChange (DrawableWrapper.java:331) в
android.graphics.drawable.Drawable.setState (Drawable.java:735) в
android.graphics.drawable.LayerDrawable.onStateChange (LayerDrawable.java:1488) в
android.graphics.drawable.Drawable.setState (Drawable.java:735) в
android.view.View.drawableStateChanged (View.java:18002) в
android.widget.TextView.drawableStateChanged (TextView.java:4097) в
android.view.View.refreshDrawableState (View.java:18071) в
android.view.View.setPressed (View.java:8543) в
android.view.View.setPressed (View.java:8521) в
android.view.View.onTouchEvent (View.java:11218) в
android.widget.TextView.onTouchEvent (TextView.java:8467) в
com.facebook.react.views.textinput.ReactEditText.onTouchEvent (ReactEditText.java:150)

Это происходит, когда я меняю что-то в стиле, например удаляю justifyContent или что-то подобное, и временно перезапускаю приложение.

@cinocai , @Sargnec et al, эта ветка комментариев становится настолько длинной, что я думаю, что людям не хватает тестового компонента, который я опубликовал выше

Несколько человек выше использовали его для успешного воспроизведения этой проблемы и проверки решения, которое также упоминается в этом комментарии.

@ glenn-axsy: Отличная работа с компонентом тестирования, очень помогло лучше понять проблему.
Но я изо всех сил пытаюсь найти решение.

Как вы предложили при установке displayForMs: 0 , сбой не происходит. Если я не ошибаюсь, при этом 100 TextInputs никогда не отключается (только обновления), ни новых тоже.

Я попытался установить сам displayForMs: 3000 и сделал еще 2 изменения, которые сохранили все 100 смонтированными (только обновление) в каждом установленном состоянии.

Изменения

• константный ключ = this.state.startKey + я + ""; ---> const key = ${i} ;
• Отключена проверка if (this.state.showInputs) { внутри рендера.

/**
 * A test component to reproduce the crash reported at
 * https://github.com/facebook/react-native/issues/17530
 */

import * as React from 'react';
import { View, ScrollView, TextInput, Text, StyleSheet } from 'react-native';

// These are the test parameters
const params = {
    underlineColors: ['red', undefined, 'transparent', 'rgba(0, 0, 0, 0)'], // The colors to test
    numberOfInputs: 100, // How many TextInput to render at a time
    focusIntervalMs: 200, // How often to change focus between them
    displayForMs: 3000, // How long to display them (set to 0 for indefinite)
    delayDisplayForMs: 10, // How long to delay between displays
    withScrollView: false, // Whether to use a ScrollView
};

const testText = index =>
    `Testing underlineColor = ${params.underlineColors[index] || 'undefined'}`;

class AndroidTextInputTest extends React.Component {
  state = {
    underlineColorIndex: 0,
    showInputs: true,
    startKey: 0,
  };
  mounted = false;
  focusInterval = undefined;
  textInputRefs = undefined;
  focussedInputIndex = 0;

  componentDidMount() {
    console.log('Testing with params = ', JSON.stringify(params));
    this.mounted = true;
    setTimeout(this._showInputs, params.delayDisplayForMs);
    setInterval(this._focusAnInput, params.focusIntervalMs);
  }

  componentWillUnmount() {
    clearInterval(this.focusInterval);
    this.mounted = false;
  }

  _focusAnInput = () => {
    if (this.mounted && this.textInputRefs) {
        if (this.focussedInputIndex >= this.textInputRefs.length) {
            this.focussedInputIndex = 0;
        }
        const textInputRef = this.textInputRefs[this.focussedInputIndex];
        const textInput = this.refs[textInputRef];
        if (textInput) {
            this.focussedInputIndex++;
            this.refs[textInputRef].focus();
        }
    }
  };

  _showInputs = () => {
    if (this.mounted) {
        console.log(testText(this.state.underlineColorIndex));
        this.setState({ showInputs: true });
        if (params.displayForMs) {
            setTimeout(this._unshowInputs, params.displayForMs);
        }
    }
  };

  _unshowInputs = () => {
    this.focussedInputIndex = 0;
    this.textInputRefs = undefined;
    if (this.mounted) {
        let next = this.state.underlineColorIndex + 1;
        if (next === params.underlineColors.length) {
            next = 0;
        }
        this.setState({
            underlineColorIndex: next,
            showInputs: false,
            startKey: this.state.startKey + params.numberOfInputs,
        });
        setTimeout(this._showInputs, params.delayDisplayForMs);
    }
  };

  render() {
    const textInputs = [];
    const { underlineColorIndex } = this.state;
    const underlineColor = params.underlineColors[underlineColorIndex];

    const refs = [];

// CHANGE 2
    // if (this.state.showInputs) {
    for (let i = 0; i < params.numberOfInputs; i++) {
        const key = `${i}`; // CHANGE 1
        refs.push(key);
        textInputs.push(
            <textinput i="23"/>
        );
    }
    if (!this.textInputRefs) {
        this.textInputRefs = refs;
    }
    // }

    return (
        <view i="24">
            <text i="25">{testText(underlineColorIndex)}</text>
            {params.withScrollView ? (
                <react.fragment i="26">
                    <text i="27">With ScrollView</text>
                    <scrollview i="28">{textInputs}</scrollview>
                </react.fragment>
            ) : (
                <react.fragment i="29">{textInputs}</react.fragment>
            )}
        </view>
    );
  }
}

const styles = StyleSheet.create({
    mainView: {
        flex: 1,
        alignItems: 'center',
    },
    textInput: {
        backgroundColor: 'white',
        margin: 5,
        width: 300,
    },
});

export default AndroidTextInputTest;

Оба изменения сделали так, чтобы вызов _showInputs и _unshowInputs не перемонтировал TextInputs и не монтировал новые (максимум 100).
И он не вылетает, как ожидалось.

Наконец, чтобы убедиться, действительно ли это перемонтирование (большое количество TextInput), которое вызывает проблему. Я попытался воспроизвести это в приложении, над которым работаю, в котором сообщалось о сбое.

В приложении есть 2 экрана, один из которых имеет 2 TextInputs, а другой - 4, я продолжал перемещаться вперед и назад по экранам, что, конечно, перемонтировало все содержимое экрана, и, в конечном итоге, через некоторое время я смог получить сбой.

Из этого я мог сделать вывод, что запрет на отключение TextInput не является жизнеспособным решением. Но до сих пор не знаю, что именно вызывает это!

ЗАМЕТКА

• Я не думаю, что это связано со свойством underlineColorAndroid , потому что я пытался переопределить его с помощью <item name="android:editTextBackground"><strong i="18">@android</strong>:color/transparent</item> , и никакой разницы. [Отредактировано: это фактически решает проблему на данный момент]
• Также я смог получить сбой без использования ScrollView .
• И фокусировка TextInput также не была обязательной для сбоя, просто перемонтирование этих 100 TextInputs привело к сбою.

Благодаря!

@rimzici Да, это правда. Сбой связан с перемонтированием / созданием экземпляра edittext, иногда фоновые чертежи равны нулю. Но как ни странно, когда вы устанавливаете <item name="android:editTextBackground"><strong i="6">@android</strong>:color/transparent</item> этого не происходит. Кажется, что чертежи каким-то образом были переработаны после клонирования, и при установке фона он может иметь значение по умолчанию?

Спасибо @rimzici.

Прискорбно слышать, что простая установка <item name="android:editTextBackground"><strong i="6">@android</strong>:color/transparent</item> не решила проблему. По крайней мере, теперь у вас есть способ легко воспроизвести ошибку и можно попробовать еще кое-что.

Пожалуйста, опубликуйте любые дальнейшие наблюдения, которые могут у вас возникнуть.

Спасибо @sunnylqm и @ glenn-axsy! Вы правы, установка <item name="android:editTextBackground"><strong i="6">@android</strong>:color/transparent</item> действительно исправляет.

Я забыл, что в моем основном действии была установлена ​​тема заставки, которая закрывала белый экран во время загрузки JS.

Теперь я могу подтвердить, что обходной путь эффективен для предотвращения сбоев.

Буду обновлять с дополнительной информацией.

react-native 0.61.5 <- тоже здесь!

react-native 0.62.0.rc-1 <- тоже здесь!

Та же ошибка на [email protected]

Множество повторений одной и той же ошибки, обнаруженной Sentry: https://sentry.io/share/issue/ac1e7c55f1594b118f0faaf8d11de5c4/

По РН 0.59.9

Та же ошибка на RN 0.55.4

Та же проблема с RN 2.0.1

не устанавливайте реквизиты underlineColorAndroid для любого TextInput и удаляйте весь фон ввода текста с помощью собственных стилей.

перейти к android \ app \ src \ main \ res \ values ​​\ styles.xml

измените это, как показано ниже:

То же по RN 0.61.5

Я обнаружил, что ручное тестирование - это очень непростая задача, поэтому я написал компонент для автоматического тестирования некоторых сценариев, о которых люди сообщали выше. Вы найдете компонент ниже. Вам просто нужно где-то его отрендерить, чтобы он выполнял свою работу.

При этом я обнаружил, что вам нужно только добавить следующее в AppTheme в styles.xml, как это было предложено @Hopding
<item name="android:editTextBackground"><strong i="8">@android</strong>:color/transparent</item>

Больше ничего не требовалось, и _не было необходимости_ избегать установки underlineColorAndroid , поэтому не имело значения, что React Native теперь устанавливает его по умолчанию.

Основным недостатком этого исправления является то, что вам нужно изменить стиль ваших TextInputs, чтобы учесть результирующую потерю заполнения, а также вы потеряете фактическое поведение подчеркивания, что для нас было преимуществом, поскольку мы всегда устанавливали его «прозрачным» чтобы соответствовать iOS. Если вам это нужно, вы можете создать компонент-оболочку, который отслеживает onFocus и onBlur и делает ваше собственное подчеркивание.

Моя версия React Native - 0.57.3.

Вот еще несколько вещей, которые я обнаружил с помощью своего тестового компонента:

1. Я вообще не мог вызвать сбой на моем планшете Android с низкими характеристиками. Однако это было довольно легко воспроизвести на моем телефоне Samsung S6 Edge под управлением Android 7. Я предполагаю, что существует состояние гонки, которое требует более быстрого устройства, чтобы спровоцировать его.
2. Прокрутка ввода текста не имела никакого значения, и я мог легко воспроизвести проблему, даже не используя ScrollView.
3. Вводить текст не было необходимости. Простого изменения фокуса было достаточно, чтобы вызвать сбой.
4. Не имело значения, какой цвет вы установили для подчеркивания, даже undefined вызвал сбой, но вы, возможно, ожидали, что, поскольку RN теперь по умолчанию устанавливает его на «прозрачный»
5. Наличие значительного количества текстовых входов, отображаемых одновременно, имело значение, поскольку сбой происходил быстрее при 100, чем всего 10 на экране.
6. Я не мог воспроизвести сбой с помощью displayForMs: 0 предполагая, что это происходит только тогда, когда TextInputs были созданы только недавно.

Если вы не хотите зависать во время тестирования, вы можете записать вывод adb logcat и найти консольные сообщения, создаваемые компонентом, и отчет о сбоях.

Вот мой тестовый компонент, если вы захотите его использовать. Параметры теста настроены так, чтобы вызывать сбой, как правило, менее чем за 30 секунд.

/**
 * A test component to reproduce the crash reported at
 * https://github.com/facebook/react-native/issues/17530
 */

import * as React from "react";
import { View, ScrollView, TextInput, Text, StyleSheet } from "react-native";

// These are the test parameters
const params = {
  underlineColors: ["red", undefined, "transparent", "rgba(0, 0, 0, 0)"],  // The colors to test
  numberOfInputs: 100, // How many TextInput to render at a time
  focusIntervalMs: 200, // How often to change focus between them
  displayForMs: 3000, // How long to display them (set to 0 for indefinite)
  delayDisplayForMs: 10, // How long to delay between displays
  withScrollView: false // Whether to use a ScrollView
};

const testText = index =>
  `Testing underlineColor = ${params.underlineColors[index] || "undefined"}`;

class AndroidTextInputTest extends React.Component{
  state = {
    underlineColorIndex: 0,
    showInputs: true,
    startKey: 0
  };
  mounted = false;
  focusInterval = undefined;
  textInputRefs = undefined;
  focussedInputIndex = 0;

  componentDidMount() {
    console.log(`Testing with params = `, JSON.stringify(params));
    this.mounted = true;
    setTimeout(this._showInputs, params.delayDisplayForMs);
    setInterval(this._focusAnInput, params.focusIntervalMs);
  }

  componentWillUnmount() {
    clearInterval(this.focusInterval);
    this.mounted = false;
  }

  _focusAnInput = () => {
    if (this.mounted && this.textInputRefs) {
      if (this.focussedInputIndex >= this.textInputRefs.length) {
        this.focussedInputIndex = 0;
      }
      const textInputRef = this.textInputRefs[this.focussedInputIndex];
      const textInput = this.refs[textInputRef];
      if (textInput) {
        this.focussedInputIndex++;
        this.refs[textInputRef].focus();
      }
    }
  };

  _showInputs = () => {
    if (this.mounted) {
      console.log(testText(this.state.underlineColorIndex));
      this.setState({ showInputs: true });
      if (params.displayForMs) {
        setTimeout(this._unshowInputs, params.displayForMs);
      }
    }
  };

  _unshowInputs = () => {
    this.focussedInputIndex = 0;
    this.textInputRefs = undefined;
    if (this.mounted) {
      let next = this.state.underlineColorIndex + 1;
      if (next === params.underlineColors.length) {
        next = 0;
      }
      this.setState({
        underlineColorIndex: next,
        showInputs: false,
        startKey: this.state.startKey + params.numberOfInputs
      });
      setTimeout(this._showInputs, params.delayDisplayForMs);
    }
  };

  render() {
    const textInputs = [];
    const { underlineColorIndex } = this.state;
    const underlineColor = params.underlineColors[underlineColorIndex];

    const refs = [];

    if (this.state.showInputs) {
      for (let i = 0; i < params.numberOfInputs; i++) {
        const key = this.state.startKey + i + "";
        refs.push(key);
        textInputs.push(
          <TextInput
            ref={key}
            key={key}
            placeholder={key}
            underlineColorAndroid={underlineColor}
            style={styles.textInput}
          />
        );
      }
      if (!this.textInputRefs) {
        this.textInputRefs = refs;
      }
    }

    return (
      <View style={styles.mainView}>
        <Text>{testText(underlineColorIndex)}</Text>
        {params.withScrollView ? (
          <React.Fragment>
            <Text>With ScrollView</Text>
            <ScrollView>{textInputs}</ScrollView>
          </React.Fragment>
        ) : (
          <React.Fragment>{textInputs}</React.Fragment>
        )}
      </View>
    );
  }
}

const styles = StyleSheet.create({
  mainView: {
    flex: 1,
    alignItems: "center"
  },
  textInput: {
    backgroundColor: "white",
    margin: 5,
    width: 300
  }
});

export default AndroidTextInputTest;

Могу подтвердить, что это исправлено для меня!

Я рад, что мой тестовый компонент и предложенное решение сработали для вас @gagangoku

Для тех, кто хочет увидеть это в контексте, ссылка здесь

Возможно, вы будете настолько любезны, чтобы добавить эту ссылку в свой комментарий.

Исправление от @ glenn-axsy сработало для меня (как и компонент тестирования 👏👏👏), но по пути я столкнулся с некоторыми проблемами, которые могут помочь другой заблудшей душе:

Моя AppTheme неправильно переопределялась в файле AndroidManifest.xml из-за ошибки, которую допустил разработчик при добавлении действия заставки. Как только я исправил и подтвердил, что AppTheme действительно используется (например, изменив цвет текста по умолчанию и увидев его в приложении), исправление действительно сработало.

Большое спасибо и удачи!

Такое случается со мной при использовании expo. Я запускаю эту команду.
sudo expo start -c и проблема исчезла.

@HakimAsa Я предлагаю использовать компонент тестирования, чтобы убедиться, что он действительно прошел.

Их странность в том, что код проработал месяц без этой проблемы. Но после неоднократной перезагрузки изменений вчера я столкнулся с проблемой ... В любом случае я попробую ваше предложение @ glenn-axsy

В моем случае это происходило в FlatList, когда renderItem возвращает <TextInput /> . Я решил эту проблему, вернув <><TextInput /></>

@MahmoudHemaid: проблему так сложно воспроизвести, что вы, возможно, не смогли ее решить. Больше информации здесь .

android.graphics.drawable.Drawable $ constantstate, newdrawable при получении ошибки нулевой ссылки, когда я щелкаю изображение, помещенное в самый правый угол. И это изображение действует как кнопка переключения. Я использую RN 0.61.2. Кто-нибудь, пожалуйста, помогите мне решить проблему. это происходит только в автономном apk

@ glenn-axsy https://github.com/facebook/react-native/issues/17530#issuecomment -504044357

При этом я обнаружил, что вам нужно только добавить следующее в AppTheme в styles.xml, как это было предложено @Hopding

<item name="android:editTextBackground"><strong i="9">@android</strong>:color/transparent</item>

https://github.com/facebook/react-native/pull/27782#issuecomment -575753501

Самый простой пример - просто создать EditText с нулевым значением AttributeSet и без (0) атрибутов стиля по умолчанию:

<strong i="18">@Override</strong>
 protected EditText createDummyEditText() {
   return new EditText(getThemedContext(), null, 0);
 }

ReactTextInput может быть переопределено подклассами, которые хотели бы предоставить свой собственный экземпляр EditText .

Конструктор EditText android:

public class EditText extends TextView {
     public EditText(Context context, AttributeSet attrs, int defStyleAttr) {
           this(context, attrs, defStyleAttr, 0);
     }
}

который вызывает конструктор View ( документы )

Я продолжу расследование. благодаря

Привет, @ glenn-axsy, я борюсь с этим уже несколько часов, поэтому я очень надеюсь, что ты сможешь мне помочь. Я использую ваш AndroidTextInputTest на своем телефоне Android. Я использую React Native с Typescript, если это важно, и делаю это через Expo. Это означает, что у меня нет материала типа EditText.
React native в package.json = "react-native": "^ 0.61.4"

Я использовал параметры:

const params = {
underlineColors: ["red", undefined, "transparent", "rgba (0, 0, 0, 0)"], // Цвета для тестирования
numberOfInputs: 100, // Сколько TextInput отображать за раз
focusIntervalMs: 200, // Как часто менять фокус между ними
displayForMs: 3000, // Как долго их отображать (0 на неопределенный срок)
delayDisplayForMs: 10, // Как долго задерживаться между отображениями
withScrollView: false, // Следует ли использовать ScrollView
};

И мой вывод до получения «Попытки вызвать виртуальный метод» был:

Тестирование с params = {"underlineColors": ["red", null, "transparent", "rgba (0, 0, 0, 0)"], "numberOfInputs": 100, "focusIntervalMs": 200, "displayForMs": 3000, "delayDisplayForMs": 10, "withScrollView": false}
Параметры CalendarVisible истинны, а состояние истинно
Тестирование underlineColor = red
Тестирование underlineColor = undefined
Тестирование underlineColor = transparent
Тестирование underlineColor = rgba (0, 0, 0, 0)
Тестирование underlineColor = red
Тестирование underlineColor = undefined
Тестирование underlineColor = transparent

Итак, мой вопрос отсюда: как я могу использовать эти параметры и результат, который я видел до сбоя, для диагностики того, что не так в моем приложении?

Спасибо за любую помощь.

@ucheNkadiCode Это тест для быстрого воспроизведения проблемы, а не решение. Решение

<item name="android:editTextBackground"><strong i="7">@android</strong>:color/transparent</item>

@ucheNkadiCode Это тест для быстрого воспроизведения проблемы, а не решение. Решение

<item name="android:editTextBackground"><strong i="8">@android</strong>:color/transparent</item>

@sunnylqm Я react native, поэтому я нигде в коде не использую item.

Я использую TextInput, который выглядит так:

Ввод текста
ref = {ключ}
ключ = {ключ}
заполнитель = {ключ}
underlineColorAndroid = {underlineColor}
style = {styles.textInput}

Спасибо

@ucheNkadiCode

Но для выставки, возможно, вам нужно сначала извлечь, чтобы изменить такие настройки

@ucheNkadiCode

Но для выставки, возможно, вам нужно сначала извлечь, чтобы изменить такие настройки

Да, это по праву будет проблемой. Я не хочу платить цену за извлечение моего собственного приложения React Native на столь раннем этапе его разработки. Я надеюсь найти решение, которое удержит меня в React Native.

Спасибо за вашу помощь

@ axsy-dev @ucheNkadiCode

мой комментарий работал в этом направлении, чтобы исправить это в запросе на перенос, чтобы избежать проблем, связанных с TextInput prop underlineColorAndroid . ReactNative устанавливает тему программным способом ... пожалуйста, просмотрите мой комментарий и вернитесь ко мне с некоторыми отзывами, так как я не смог решить эту проблему, и сейчас я работаю над другим запросом на перенос. благодаря

Мне действительно удалось решить эту проблему, переписав собственный метод реакции ReactTextInput

<strong i="12">@Override</strong>
 protected EditText createDummyEditText() {
   return new EditText(getThemedContext(), null, 0);
 }

Но это просто отключает стиль, переданный компоненту EditText с помощью getThemedContext()

кроме того, стек сообщает нам, что эта ошибка вызвана ReactEditText.onTouchEvent , поэтому, когда пользователь касается компонента TextInput .

мой комментарий работал в этом направлении, чтобы исправить это в запросе на перенос, чтобы избежать проблем, связанных с TextInput prop underlineColorAndroid . ReactNative устанавливает тему программным способом ... пожалуйста, просмотрите мой комментарий и вернитесь ко мне с некоторыми отзывами, так как я не смог решить эту проблему, и сейчас я работаю над другими запросами на вытягивание.

Мне действительно удалось решить эту проблему, переписав собственный метод реакции ReactTextInput

<strong i="12">@Override</strong>
 protected EditText createDummyEditText() {
   return new EditText(getThemedContext(), null, 0);
 }

Но это просто отключает стиль, переданный компоненту EditText с помощью getThemedContext()

кроме того, стек сообщает нам, что эта ошибка вызвана ReactEditText.onTouchEvent , поэтому, когда пользователь касается компонента TextInput .

@ axsy-dev @ fabriziobertoglio1987. Поэтому у меня нет никаких элементов, которые я могу найти в каталоге моего проекта с помощью ReactEditText, и у меня также нет файлов .java в моем каталоге. Я использую TypeScript с родным React, поэтому большинство моих файлов имеют формат .tsx или .ts, за исключением множества node_modules.

К сожалению, я не использую собственный Android.

@ucheNkadiCode, чтобы решить эту проблему, теперь вам нужно извлечь, в противном случае воссоздайте этот сценарий в reactnative, напишите запрос на перенос, он будет объединен в react-native, а затем позже expo.

@ucheNkadiCode Боюсь, я не использую Expo, но похоже, что @sunnylqm знает, о чем он говорит

Я столкнулся с той же проблемой на выставке.
Я пробовал: watchman watch-del-all && expo r -c
но все же теперь хорошие новости.

Я столкнулся с той же проблемой, которая исчезает, если я превращаю свой TextInput в текст.

Этот комментарий, сделанный 2 года назад, все еще в силе.

Я сузил его до <TextInput> , отображаемого в FlatList. Когда я заменяю это на <Text> , проблема исчезает.

Сброс кеша, кажется, помогает ненадолго, но мое приложение снова вылетало после нескольких щелчков кнопок.

Тестирование @diegoboston с моим тестовым компонентом, вы можете воспроизвести это без FlatList. Вы можете найти тестовый компонент и обходной путь / решение в моем комментарии здесь .

Я использую expo SDK 37, который использует внутреннюю реакцию на 0,61.
Странно, что у меня не было никаких проблем, но внезапно, когда я перезапустил Builder, эта проблема возникла. Это еще не исправлено?

RN 0.62.2 + Android здесь то же самое.
Эта ошибка вызывается в производственном режиме.

Очистка кеша приложения из настроек решила мою проблему, но это не кажется приемлемым решением для этого.

Я работал над этой проблемой, и вот мои выводы (предыдущий пост здесь ).

1) Мы знаем, что добавление android:editTextBackground с color/transparent к теме решает проблему.

<item name="android:editTextBackground"><strong i="10">@android</strong>:color/transparent</item>

2) Изменение ReactEditTextShadowNode method createDummyEditText на приведенный ниже код также устраняет проблему (мне кажется, что отключаются все стили для EditText)

<strong i="16">@Override</strong>
 protected EditText createDummyEditText() {
   return new EditText(getThemedContext(), null, 0);
 }

Насколько я понимаю, эта проблема заключается в том, что в Android вы можете устанавливать стили двумя способами.

1) Написание XML, таких как элементы и стили html, и их применение
2) Вызовите конструктор EditText или View и передайте ему контекст и другие атрибуты / стили.

ReactEditText использует createDummyEditText для создания экземпляра EditText а затем изменяет некоторые стили (отступы, макет и т. Д.), Но это что-то связано с макетом (отступы, поля) и не цвета фона и т. д. На самом деле я попытался изменить эти строки кода на setBackgroundTint на red или transparent и это не сработало ...

https://github.com/facebook/react-native/blob/95546d932f03f9af990c2a11576a4c6297136fd4/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInput100javaLoveLodeNode85.

цвет фона изменяется следующим способом

https://github.com/facebook/react-native/blob/95546d932f03f9af990c2a11576a4c6297136fd4/ReactAndroid/src/main/java/com/facebook/react/views/view/ReactViewBackgroundManager -51#L45

В понедельник я снова попробую изменить метод setBackgroundColor и установить прозрачный цвет фона во время выполнения ... Это будет мой первый ключ к решению этой проблемы

Стек не работает на createInternalEditText

  /**
   * May be overriden by subclasses that would like to provide their own instance of the internal
   * {<strong i="9">@code</strong> EditText} this class uses to determine the expected size of the view.
   */
  protected EditText createInternalEditText() {
    return new EditText(getThemedContext());
  }

createInternalEditText - это последний метод, вызываемый перед ошибкой, остальная часть стека - из библиотеки Android sdk OpenSource, и это не настоящая причина проблемы.

Установка android:editTextBackground просто, вероятно, перекрывает некоторые значения элементов из темы по умолчанию, которая вызывает проблему. Проблема связана с тем, что конструктор передает getThemedContext который также включает тему

<item name="android:editTextBackground"><strong i="17">@android</strong>:color/transparent</item>

По этой причине я считаю, что решение следует искать в том, как React обрабатывает контекст ...

Ребят перезапуск упаковщика и очистка кеша у меня сработали!

Но это временное решение, как я могу исправить это постоянное?

Я попытался программно установить в java цвет фона на прозрачный, но все еще вызывает ошибку времени выполнения, что заставляет меня поверить в приведенный ниже код

<item name="android:editTextBackground"><strong i="6">@android</strong>:color/transparent</item>

просто доминирующая логика от

https://github.com/facebook/react-native/blob/9312313c3c6701490d728f912e0b0bbd16d91ad9/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputShadowLode.java85

что явно является причиной проблемы в стеке

Этот метод отвечает за настройку стиля EditText,

Проблема в том, что исходный стек задач, похоже, имеет другой журнал и не связан с прилагаемым тестовым примером. Приведенный ниже стек возник из ReactEditText.onTouchEvent что означает, что пользователь касается TextInput и возникает ошибка.

java.lang.NullPointerException:
tempt to invoke virtual method 'android.graphics.drawable.Drawable android.graphics.drawable.Drawable$ConstantState.newDrawable(android.content.res.Resources)' on a null object reference at
android.graphics.drawable.DrawableContainer$DrawableContainerState.getChild(DrawableContainer.java:888) at
android.graphics.drawable.DrawableContainer.selectDrawable(DrawableContainer.java:466) at
android.graphics.drawable.StateListDrawable.onStateChange(StateListDrawable.java:104) at
android.graphics.drawable.Drawable.setState(Drawable.java:735) at
android.graphics.drawable.DrawableWrapper.onStateChange(DrawableWrapper.java:331) at
android.graphics.drawable.Drawable.setState(Drawable.java:735) at
android.graphics.drawable.LayerDrawable.onStateChange(LayerDrawable.java:1488) at
android.graphics.drawable.Drawable.setState(Drawable.java:735) at
android.view.View.drawableStateChanged(View.java:18002) at
android.widget.TextView.drawableStateChanged(TextView.java:4097) at
android.view.View.refreshDrawableState(View.java:18071) at
android.view.View.setPressed(View.java:8543) at
android.view.View.setPressed(View.java:8521) at
android.view.View.onTouchEvent(View.java:11218) at
android.widget.TextView.onTouchEvent(TextView.java:8467) at
com.facebook.react.views.textinput.ReactEditText.onTouchEvent(ReactEditText.java:150)

Другой тип ошибок https://github.com/facebook/react-native/issues/17530#issuecomment -376917781

Неустранимое исключение: java.lang.NullPointerException: попытка вызвать виртуальный метод android.graphics.drawable.Drawable android.graphics.drawable.Drawable $ ConstantState.newDrawable (android.content.res.Resources) для ссылки на нулевой объект на android .graphics.drawable.DrawableContainer $ DrawableContainerState.createAllFutures (DrawableContainer.java:875) в android.graphics.drawable.DrawableContainer $ DrawableContainerState.getOpacity (DrawableContainer.java:1158) в android.graphics Draw.drawable.java:1158) в android.graphics Draw.drawable.java: : 433) на android.graphics.drawable.InsetDrawable.getOpacity (InsetDrawable.java:258) на android.view.View.computeOpaqueFlags (View.java:16791) на android.view.View.setBackgroundDrawable (View.java:21710) в android.view.View.setBackground (View.java:21603) в android.view.View.(View.java:5547) в android.widget.TextView.(TextView.java:1135) в android.widget.EditText.(EditText.java:107) в android.widget.EditText.(EditText.java:103) в android.widget.EditText.(EditText.java:99) в android.widget.EditText.(EditText.java:95) в com.facebook.react.views.textinput.ReactEditText.(ReactEditText.java:92) в com.facebook.react.views.textinput.ReactTextInputManager.createViewInstance (ReactTextInputManager.java:94) в com.facebook.react.views.textinput.ReactTextInputManager.createManager.textinput.ReactTextInputManager.createManager.javaTextTextInputManager.createManager. com.facebook.react.uimanager.ViewManager.createView (ViewManager.java:46) по адресу com.facebook.react.uimanager.NativeViewHierarchyManager.createView (NativeViewHierarchyManager.java:218) по адресу com.facebook.react.uimanager.UIV CreateOQuimanager. выполнить (UIViewOperationQueue.java:150) в com.facebook.react.uimanager.UIViewOperationQueue $ DispatchUIFrameCallback.dispatchPendingNonBatchedOperations (UIViewOperationQueue.java:923) в $ com.facebook.react.uimanatchOperationQueue.java:923 в com.facebook.react.uimanager.GuardedFrameCallback.doFrame (GuardedFrameCallback.java:31) в com.facebook.react.modules.core.ReactChoreographer $ ReactChoreographerDispatcher.doFrame (ReactChoreog rapher.java:136) на com.facebook.react.modules.core.ChoreographerCompat $ FrameCallback $ 1.doFrame (ChoreographerCompat.java:107) на android.view.Choreographer $ CallbackRecord.run (Choreographer.java:909) на android. view.Choreographer.doCallbacks (Choreographer.java:723) на android.view.Choreographer.doFrame (Choreographer.java:655) на android.view.Choreographer $ FrameDisplayEventReceiver.run (Choreographer.java:897) на android.os.Handler .handleCallback (Handler.java:789) в android.os.Handler.dispatchMessage (Handler.java:98) в android.os.Looper.loop (Looper.java:164) в android.app.ActivityThread.main (ActivityThread. java: 6938) на java.lang.reflect.Method.invoke (Method.java) на com.android.internal.os.Zygote $ MethodAndArgsCaller.run (Zygote.java:327) на com.android.internal.os.ZygoteInit .main (ZygoteInit.java:1374)

с другой стороны, я спрашиваю себя, является ли https://github.com/facebook/react-native/issues/17530#issuecomment -504044357 приемлемым примером, поскольку он не вызывает ошибку вручную, щелкая TextInput, а делает это программно ..

Я уверен, что кто-то из участников этого обсуждения проведет соответствующее исследование и решит эту проблему. Большое спасибо и удачи! : смайлик:

Ребят, попробуйте еще раз запустить "npm install". У меня это сработало.

Я пробовал добавить <item name="android:editTextBackground"><strong i="5">@android</strong>:color/transparent</item> и это предотвращает сбой приложения, однако текстовое поле просто продолжает мигать между большим и маленьким и непригодно для использования, у кого-нибудь еще было это?

В моем случае я использую стилизованные компоненты, я устанавливаю имя реквизита «правильно», я думаю, что это особенное, я меняю на «isRight», решая мою проблему.

Возьмите сборку релиза и проверьте ее на этом apk, вы никогда не видели этой ошибки

Исходный комментарий сообщает о проблеме, полученной с помощью отчета об ошибке аналитики, а не об ошибке в разработке, я думаю, нам нужно сосредоточиться.

Вы можете попробовать оба варианта, в зависимости от того, что подходит для вашего приложения:

1. Удалите данные кеша вашего приложения и дайте ему перезагрузиться
2. Перезагрузите сервер с помощью npm start --reset-cache

https://github.com/facebook/react-native/pull/24183 Я пытаюсь отладить это еще раз.

https://github.com/facebook/react-native/blob/9f699ae1855252397a516333a35a5e6aff74b89b/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputManager.java#L537

похоже, что есть связанная проблема, открытая https://issuetracker.google.com/issues/37068452 в проекте Android

1. Создайте собственную реализацию Drawable, которая не переопределяет getConstantState ().
2. Создайте экземпляр LayerDrawable с экземпляром настраиваемого объекта drawable в качестве дочернего.
3. Вызовите mutate () для LayerDrawable.

    Drawable dummyDrawable = new Drawable() {
        <strong i="12">@Override</strong>
        public void draw(Canvas canvas) {
            canvas.drawColor(Color.RED);
        }
        <strong i="13">@Override</strong> public void setAlpha(int alpha) {}
        <strong i="14">@Override</strong> public void setColorFilter(ColorFilter cf) {}
        <strong i="15">@Override</strong> public int getOpacity() { return 0; }
    };
    LayerDrawable layerDrawable = new LayerDrawable(new Drawable[] { dummyDrawable });
    layerDrawable.mutate();

В нашем случае ошибка времени выполнения запускается в этой строке из ReactEditText (наследуется от AppCompatEditText )

https://github.com/facebook/react-native/blob/6ffb983f83afdee5d9290c683c5060d2a959818d/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewManager.java#L83

https://github.com/facebook/react-native/blob/6ffb983f83afdee5d9290c683c5060d2a959818d/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputManager.java#LL

https://github.com/facebook/react-native/blob/6ffb983f83afdee5d9290c683c5060d2a959818d/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactEditText.java#L111

https://github.com/facebook/react-native/issues/17530#issuecomment -615131077

<TextInput style={styles.input} /> отправит информацию из среды выполнения JavaScript в Android в виде JSON через ReactNativeBridge, API Android Java будет использовать информацию для создания экземпляра View и раздуть (отобразить) его на экране.

Он передаст объект Context View , который раздувает макет по умолчанию для этого <TextInput /> , а затем каждый раз, когда мы меняем такую ​​опору, как underlineColorAndroid , мы вызовет определенный метод Android API, например. setUnderlineColorAndroid("red") и Android API позаботятся об обновлении цвета подчеркивания <TextInput /> .

Если 37068452 вызывает среду выполнения, тогда мы должны быть mutating() a BackgroundDrawable возможно, изменив underlineColor , но ошибка возникает в конструкторе View когда мы передаем Context .

Я попробую отладить стек Android, но сначала я попытаюсь преобразовать настоящий пример в минимально воспроизводимый пример и удалить все свойства, которые не являются необходимыми для воспроизведения ошибки.

Мне удалось создать минимальный воспроизводимый пример.
Проблема вызвана опорой ключа TextInput.

Повторный рендеринг большого количества компонентов TextInput с ключевой опорой вызовет ошибку времени выполнения.
Количество TextInput s кажется решающим для запуска сбоя.

   // Does not crash after testing for 5 minutes
    for (let i = 0; i < 5; i++) { ..
   // Crashes after 20 seconds
    for (let i = 0; i < 100; i++) { ..
   // Crashes after 1 second
    for (let i = 0; i < 1000; i++) { ..

Сбой не воспроизводится, если вы удалите опору ключа TextInput . Я исследую и попытаюсь это исправить. Запустите этот пример, чтобы воспроизвести его.

import * as React from "react";
import { View, TextInput } from "react-native";

class App extends React.Component{
  state = { startKey: 0 };
  componentDidMount() {
    this.interval = setInterval(this.updateKey, 3000);
  }

  componentWillUnmount() {
    clearInterval(this.interval);
  }

  updateKey = () => {
    this.setState({
      startKey: this.state.startKey + 100
    });
  };

  render() {
    const textInputs = [];

    for (let i = 0; i < 100; i++) {
      const key = (this.state.startKey + i).toString();
      console.log("key", key);
      // REMOVE KEY PROP TO FIX THIS
      textInputs.push(
        <TextInput key={key} />
      );
    }

    return (
      <View>
        { textInputs }
      </View>
    );
  }
}

export default App;

Та же проблема может быть воспроизведена с помощью FlatList, если ваш data prop включает key , index или id как это [{ key: "1"}, {key: "2"}, .. {key: "5000"}] , автоматически key будет использоваться для вашего списка и вызовет среду выполнения. Удаление этих ключей из массива data устраняет ошибку и удаляет автоматическое кеширование.

https://github.com/facebook/react-native/blob/980900c6343b93259e46edd44b6f267aa534cde5/Libraries/Lists/FlatList.js#L122 -L123

import * as React from "react";
import { Text, FlatList, View, TextInput } from "react-native";

class App extends React.Component{
  state = { startKey: 0 };
  componentDidMount() {
    this.interval = setInterval(this.updateKey, 3000);
  }

  componentWillUnmount() {
    clearInterval(this.interval);
  }

  updateKey = () => {
    this.setState({
      startKey: this.state.startKey + 100
    });
  };

  render() {
    const textInputs = [];

    for (let i = 0; i < 5000; i++) {
      const notKey = (this.state.startKey + i).toString();
      console.log("key", notKey);
      // REMOVE KEY OR ID FIELD TO FIX THIS
      // replacing notKey with key will trigger the runtime
      textInputs.push(
        { notKey }
      );
    }

    return (
      <FlatList
        data={textInputs}
        renderItem={({item}) => <TextInput value={"testing"} />}
      />
    );
  }
}

export default App;

Кажется, проблема вызвана этой строкой кода. Я прокомментировал строку и заменил ее на const key = 500; и ошибка не воспроизводилась повторно ..

https://github.com/facebook/react-native/blob/980900c6343b93259e46edd44b6f267aa534cde5/Libraries/Lists/VirtualizedList.js#L802 -L802

Пример: keyExtractor(item, ii) с item = {"key":"450"} , ii = 50 и возвращаемое значение key = 450 вызовет сбой, но я считаю, что это не настоящая причина, а просто указывает на то, что ключ вызывает проблему. Я буду продолжать в этом разбираться. Я ищу работу. Большое спасибо. Желаю вам хороших выходных.

| СО ВРЕМЕНЕМ |
|: -------------------------: |
| |

| БЕЗ РАБОТЫ |
|: -------------------------: |
| |

@ fabriziobertoglio1987 У меня аналогичный вывод https://github.com/facebook/react-native/issues/17530#issuecomment -573934341, то есть связанный с перемонтированием / созданием экземпляра edittext. В то время я не понимал, почему текстовый ввод будет воссоздавать / восстанавливать, когда у них, казалось, не было причин для этого. Теперь похоже, что причиной могут быть ключи.

Ошибка выкидывает отсюда

https://github.com/aosp-mirror/platform_frameworks_base/blob/53a9ccaa926945149b4546c67b50ce1ae88ba777/graphics/java/android/graphics/drawable/DrawableContainer.java#L875

где массив mDrawableFutures не равен нулю, но некоторые из его дочерних элементов могут быть нулевыми.

mDrawableFutures можно клонировать только от других

https://github.com/aosp-mirror/platform_frameworks_base/blob/8857e6b645f9b91f44c8ea0ab8f441c9c0d63da6/graphics/java/android/graphics/drawable/DrawableContainer.java#L800 -L820

что означает, что он был ненулевым при клонировании, но каким-то образом некоторые из его дочерних элементов были впоследствии уничтожены.
Я предполагаю следующее: ключевые свойства будут запускать процесс сравнения, который будет создавать теневые узлы для текстовых входов. И во время этого процесса клонируемые состояния будут клонированы. Однако может быть состояние гонки / небезопасная операция, которая уничтожила некоторые из доступных для рисования состояний, пока они все еще могут использоваться. @ fabriziobertoglio1987

Большое спасибо отправить запрос на перенос, чтобы найти работу.

Я считаю, что проблема связана с некоторыми грязными параметрами, переданными при использовании key и React.PureComponent.

https://github.com/facebook/react-native/blob/f00795dc90d05180014eeea4b3215b0166a90692/Libraries/Lists/VirtualizedList.js#L345 -L348

https://github.com/facebook/react-native/blob/f00795dc90d05180014eeea4b3215b0166a90692/Libraries/Lists/VirtualizedList.js#L820

https://github.com/facebook/react-native/blob/f00795dc90d05180014eeea4b3215b0166a90692/Libraries/Lists/VirtualizedList.js#L1254 -L1255

Вы правы, на самом деле эта проблема возникает только при использовании компонента TextInput . Например, замена TextInput на Text в renderItem решит эту проблему.

<FlatList
  renderItem={({item}) => <TextInput value={"testing"} />}

Разница между использованием Text и TextInput заключается в том, что const element будет ForwardRef с TextInput . В приведенном ниже случае TextInput создает среду выполнения при достижении определенного ключа. Я также удалил underlineColorAndroid="transparent" и это не является причиной ошибки, но я оставил это в журналах ниже.

https://github.com/facebook/react-native/blob/980900c6343b93259e46edd44b6f267aa534cde5/Libraries/Lists/VirtualizedList.js#L1985 -L1990

console.log("element", element);
//=> element <Text value="testing" />
//=> element <ForwardRef(TextInput) allowFontScaling={true} rejectResponderTermination={true} underlineColorAndroid="transparent" value="testing" />

TextInput возвращает forwardRef

https://github.com/facebook/react-native/blob/f00795dc90d05180014eeea4b3215b0166a90692/Libraries/Components/TextInput/TextInput.js#L1153

https://github.com/facebook/react-native/blob/f00795dc90d05180014eeea4b3215b0166a90692/Libraries/Components/TextInput/TextInput.js#L957 -L990

Я считаю, что метод в Java API вызывается из TextInput javascript API, но с отсутствующими / грязными параметрами. Это может вызывать ошибку времени выполнения NPE, но мне нужно исследовать каждый аспект API JS TextInput, чтобы понять причину.

Я думаю, что опора key вызывает проблемы, потому что механизм React основан на сравнении опоры key , если отсутствует механизм ключевой опоры, то не кеширование и последующее отсутствие ошибки .

Завтра я попытаюсь установить точку останова в вашем коде, на который вы ссылались в сообщении выше.

Большое спасибо за помощь. Надеюсь, мы сможем вместе написать запрос на слияние и исправить эту проблему. Я желаю вам хорошего вечера. Фабрицио

@sunnylqm

СЛИШКОМ ДЛИННО НЕ ЧИТАТЬ

Я пишу запрос на перенос, чтобы исправить эту проблему. Исправить очень просто.

Проблема вызвана значением BackgroundDrawable по умолчанию, используемым при инициализации EditText.

https://github.com/facebook/react-native/blob/6ffb983f83afdee5d9290c683c5060d2a959818d/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactEditText.java#L111

Drawable - это тот из темы, которую мы используем Theme.AppCompat.Light.NoActionBar . Изменить Drawable можно, изменив XML-файлы шаблона, используемые для инициализации проекта Android, поддерживающего реакцию, с помощью сценария инициализации, встроенного в реакцию.

Я буду использовать либо тот, который предоставляется по умолчанию от Android, либо создам настраиваемый чертеж и буду включать его в каждую инициализацию проекта.

https://github.com/facebook/react-native/blob/2b56011f9cb9f90781428b5b773cbbed5c4fae43/template/android/app/src/main/res/values/styles.xml#L1 -L6

<item name="android:editTextBackground"><strong i="18">@android</strong>:drawable/edit_text</item>

или же

https://github.com/facebook/react-native/blob/2b56011f9cb9f90781428b5b773cbbed5c4fae43/template/android/app/src/main/res/values/styles.xml#L1 -L6

<item name="android:editTextBackground">@drawable/custom_background_drawable</item>

ДЛИННАЯ ВЕРСИЯ

Цитирую sunnylqm https://github.com/facebook/react-native/issues/17530#issuecomment -660506001

Я предполагаю следующее: ключевые свойства будут запускать процесс сравнения, который будет создавать теневые узлы для текстовых входов. И во время этого процесса клонируемые состояния будут клонированы. Однако может быть состояние гонки / небезопасная операция, которая уничтожила некоторые из доступных для рисования состояний, пока они все еще могут использоваться.

Эта строка android:editTextBackground исправляет ошибку, но ЧТО эта строка делает в ReactNative?

1) AndroidManifest.xml присваивает android:theme="@style/AppTheme"

<manifest xmlns:android="http://schemas.android.com/apk/res/android"
  package="com.awesomeproject">

    <uses-permission android:name="android.permission.INTERNET" />

    <application
      android:name=".MainApplication"
      android:theme="@style/AppTheme">

2) Меняем AppTheme в res/values/styles.xml

<resources>
    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <!-- Customize your theme here. -->
        <item name="android:textColor">#000000</item>
        <item name="android:editTextBackground"><strong i="22">@android</strong>:drawable/edit_text</item>
    </style>
</resources>

3) Конструктор EditText вызовет super(context) . Объект context включает в себя layout и theme ( AppTheme ).

Конструктор View получит информацию о стиле / теме / макете из объекта context и создаст экземпляр EditText с этими стилями (xml похож на html), раздувает его и отобразить его на экране.

Android использует xml, например html, для рендеринга статических представлений, тогда как Java используется для рендеринга динамического контента (например, JavaScript в Интернете).

https://github.com/facebook/react-native/blob/6ffb983f83afdee5d9290c683c5060d2a959818d/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactEditText.java#L111

4) ReactNative строится поверх Context API, но будет использовать тот же шаблон из 1-3.
Инициализируйте представления с помощью объекта context , затем используйте JavaScript для динамических изменений, не изменяя напрямую экземпляр context , но используя мост react-native через Android API.

| ДО | ПОСЛЕ | ПОСЛЕ с реквизитами в стиле TextInput |
|: -------------------------: |: -------------------- -----: |: -------------------------: |
| | | |

Я готовлю Pull Request для изменения Drawable по умолчанию, используемого для EditText при инициализации.
Drawable from Theme Theme.AppCompat.Light.NoActionBar вызывает эту проблему, замена на другой drawable должна исправить это. Выдвижной <strong i="27">@android</strong>:drawable/edit_text слишком высок для нашего дизайна. Родительский вид адаптируется к вытяжной высоте по умолчанию, если высота выше родительской. Я считаю, что ReactNative использует рисование по умолчанию с низкой высотой, а затем адаптирует его с помощью match_parent к родительскому представлению.

1) ВАРИАНТ 1. Найдите рисунок из другой темы.

2) ВАРИАНТ 2
Создайте новый объект для рисования в шаблоне response-native на основе шаблона, доступного в проекте Android, с малой высотой для всегда match_parent View.

Я добавил в свой проект Android следующий чертеж с высотой несколько пикселей

Фон для рисования адаптируется к его родительской высоте просмотра 10

Фон для рисования адаптируется к его родительской высоте просмотра 100

похоже, работает с небольшими фоновыми рисунками, тогда нам просто нужен сценарий react-native init для инициализации проектов с использованием этого фонового рисунка по умолчанию. Я добавлю описанные выше изменения в файлы ниже в запросе на перенос.

https://github.com/facebook/react-native/blob/2b56011f9cb9f90781428b5b773cbbed5c4fae43/template/android/app/src/main/res/values/styles.xml#L1 -L6

Большое спасибо. Фабрицио

Та же проблема с RN 0.61.0 + Android API уровня 28.
Я сузил его до некоторой комбинации визуализации Flatlist, TextInput и вложенных компонентов.

@ fabriziobertoglio1987 Я пробовал этот способ, но, возможно, я пропустил что-то, что я не заставил его работать. Я мало знаю об Android и рад, что вы можете это исправить. Пока меня все еще интересует ключевой вопрос с реквизитом.

@ fabriziobertoglio1987 Есть ли

@ asmi24886, вы можете найти компонент тестирования для надежного воспроизведения этой проблемы и обходной путь нативного кода / конфигурации в моем комментарии здесь
Я не думаю, что есть обходной путь, использующий только код JS.

Это продолжение моего предыдущего сообщения https://github.com/facebook/react-native/issues/17530#issuecomment -660908150, моих усилий по поиску работы внештатного сотрудника и написанию запроса на перенос, чтобы закрыть эту проблему.

Я создал настраиваемый чертеж на основе Theme.AppCompat.Light .

<inset xmlns:android="http://schemas.android.com/apk/res/android"
       android:insetLeft="@dimen/abc_edit_text_inset_horizontal_material"
       android:insetRight="@dimen/abc_edit_text_inset_horizontal_material"
       android:insetTop="@dimen/abc_edit_text_inset_top_material"
       android:insetBottom="@dimen/abc_edit_text_inset_bottom_material">

    <selector>
        <item android:state_enabled="false" android:drawable="@drawable/abc_textfield_default_mtrl_alpha"/>
        <item android:state_pressed="false" android:state_focused="false" android:drawable="@drawable/abc_textfield_default_mtrl_alpha"/>
        <item android:drawable="@drawable/abc_textfield_activated_mtrl_alpha"/>
    </selector>

</inset>

Runtime вызывается из следующей записи, если я удалю эту строку, точная копия текущего Drawable из react-native работать и не вызовет ошибку Runtime. Я включил минимальный воспроизводимый пример в свой https://github.com/facebook/react-native/issues/17530#issuecomment -660017858

<item android:state_pressed="false" android:state_focused="false" android:drawable="@drawable/abc_textfield_default_mtrl_alpha"/>

Я пишу запрос на вытягивание, после объединения запроса на извлечение вы сможете выполнить обновление с помощью помощника по

Запрос на извлечение будет включать воспроизведение этих сценариев в приложении RNTester, изменения в шаблоне и добавление вышеупомянутого настраиваемого элемента рисования, чтобы избежать этой проблемы.

https://github.com/facebook/react-native/blob/2b56011f9cb9f90781428b5b773cbbed5c4fae43/template/android/app/src/main/res/values/styles.xml#L1 -L6

Это видео, демонстрирующее ошибку времени выполнения, когда Drawable имеет строку <item android:state_pressed="false" android:state_focused="false" android:drawable="@drawable/abc_textfield_default_mtrl_alpha"/>

Это видео, демонстрирующее исправление (без ошибок времени выполнения), когда Drawable не имеет строки <item android:state_pressed="false" android:state_focused="false" android:drawable="@drawable/abc_textfield_default_mtrl_alpha"/>

Как показано на снимке экрана ниже, я просто удаляю следующую строку из файла XML с возможностью рисования.
xml <item android:state_pressed="false" android:state_focused="false" android:drawable="@drawable/abc_textfield_default_mtrl_alpha"/>
Я не меняю стиль. Drawable тот же, что и в AppCompat, и стиль будет таким же, но он не вызовет ошибку времени выполнения.

Постараюсь завтра опубликовать пул реквест .

Большое спасибо sunnylqm за сотрудничество со мной при написании https://github.com/facebook/react-native/pull/29452, который решает эту проблему.

Кажется, есть ошибка в Drawable.mutate () на некоторых устройствах / версиях ОС Android даже после проверки постоянного состояния. Эту ошибку трудно воспроизвести и исправить, поэтому просто попробуйте перехватить исключение, чтобы предотвратить сбой.

Проблема вызвана этой строкой в extras / android / support / v7 / appcompat / res / drawable / abc_edit_text_material.xml .

<item android:state_pressed="false" android:state_focused="false" android:drawable="@drawable/abc_textfield_default_mtrl_alpha"/>

Вышеупомянутая строка создает StateListDrawable, который изменяет фоновое изображение TextInput (Background Drawable ) в зависимости от состояния TextInput .

state_pressed="false" и state_focused="false" вызовут изменение TextInput BackgroundDrawable. Изображения не являются причиной проблемы, но я включил их для документации.

| abc_textfield_activated_mtrl_alpha | abc_textfield_default_mtrl_alpha |
|: -------------------------: |: -------------------- -----: |
| | |

Внутри DrawableContainer.getChild () переменная cs ConstantState равна null . Вызов null.newDrawable(mSourceRes) вызывает исключение нулевого указателя. Этот вызов является результатом изменения состояния TextInput в этой трассировке стека после его нажатия.

mDrawableFutures не включает правильный список записей https://github.com/facebook/react-native/pull/29452#issuecomment -662616018.

final ConstantState cs = mDrawableFutures.valueAt(keyIndex);
final Drawable prepared = prepareDrawable(cs.newDrawable(mSourceRes));

Подробнее в предыдущих комментариях https://github.com/facebook/react-native/issues/17530#issuecomment -661174770 https://github.com/facebook/react-native/issues/17530#issuecomment -660908150 https: //github.com/facebook/react-native/issues/17530#issuecomment -660506001 https://github.com/facebook/react-native/issues/17530#issuecomment -660458191 https://github.com/facebook/ response-native / issues / 17530 # issuecomment -660017858 https://github.com/facebook/react-native/issues/17530#issuecomment -659422298 https://github.com/facebook/react-native/issues/17530# issuecomment -645851033 https://github.com/facebook/react-native/issues/17530#issuecomment -632795323

большое спасибо
желаю тебе хорошего дня
Фабрицио

@ fabriziobertoglio1987 Является ли приведенный выше комментарий

@Coffeegerm Приведенный выше комментарий https://github.com/facebook/react-native/issues/17530#issuecomment -662000718 - это краткое объяснение того, как мой запрос на перенос https://github.com/facebook/react-native/pull / 29452 устраняет эту проблему. После того, как запрос на перенос будет объединен в react-native

1) В новых приложениях этой ошибки не будет
2) Существующие приложения обновятся, и в них не будет ошибок. Узнайте больше об обновлении при обновлении # 3-upgrade-your-project-files, чтобы узнать больше о том, как применить изменения в папке /android при обновлении приложения.

Если вы не хотите обновляться, вы можете проверить мой PR https://github.com/facebook/react-native/pull/29452 и добавить эти изменения в папку вашего проекта android . Вам не нужно вносить изменения в исходный код react-native , так как изменения конфигурации из этого PR находятся не в кодовой базе /ReactAndroid Java, а в шаблоне Android используемом для инициализации проект.

В настоящее время я работаю над другими проблемами, но я вернусь, отвечу на любые отзывы и внесу необходимые улучшения в свой запрос на слияние.

Пожалуйста, возвращайтесь ко мне с любыми предложениями по улучшению и отзывами.

Желаю вам хороших выходных
Большое спасибо за твою помощь
Фабрицио

Только что увидел коммит, который звучит как связанный https://github.com/facebook/react-native/commit/1e4d8d902daca8e524ba67fc3c1f4b77698c4d08

мы генерировали слишком много операций Create + Delete, которые были избыточными и могли вызвать проблемы с согласованностью, сбои или ошибки на платформах, которые не обрабатывают это изящно -
тем более, что порядок действий Create + Delete не гарантируется (новое представление может быть создано «первым», а затем различное представление может вызвать «удаление» для того же представления).

@ fabriziobertoglio1987

Есть идеи, как кто-то может исправить эту проблему при использовании Expo, поэтому без доступа к папке Android проекта? 😅

@divonelnc Существует обходной путь: используйте новый ключ каждый раз, когда вводится текстовый ввод, например,

<TextInput key={Math.random()} />

И, конечно же, это может вызвать другие проблемы и потерю производительности.

@sunnylqm К сожалению, это не помогло 😞. У меня до сих пор случается случайный сбой на экране с десятками вводимых текста.

Я могу подтвердить эту проблему в Продакшене! РН: 0,62,2 😕

Та же проблема возникла в RN 0.63.2 :(

Эта фиксация может исправить эту проблему:
https://github.com/facebook/react-native/commit/a5b5d1a805a9c54d325763b432be1cf2c8811dc9

Та же проблема с Expo и RN sdk https://github.com/expo/react-native/archive/sdk-38.0.2.tar.gz

Вау, это было неприятно. @WilliamAlexander @Hopding работает. Я знаю, потому что раньше мог каждый раз воспроизводить это.
// styles.xml

<resources>
   <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <!-- Customize your theme here. -->
        <item name="android:editTextStyle">@style/AppEditTextStyle</item>
        <item name="editTextStyle">@style/AppEditTextStyle</item> <!-- For compatibility with the support library -->
        <item name="android:editTextBackground"><strong i="9">@android</strong>:color/transparent</item>

    </style>

    <style name="AppEditTextStyle" parent="@style/Widget.AppCompat.EditText">
        <item name="android:background"><strong i="10">@android</strong>:color/transparent</item>
    </style>
</resources>

Вот неплохой обходной путь. Создайте оболочку для любого компонента ввода текста, который вы используете, и сгенерируйте для него ключ с помощью useMemo. Таким образом, один ввод текста всегда будет иметь один и тот же ключ при повторном рендеринге, и вам также не нужно писать ключи для всех вводимых вами текстов.

export default (props: TextInputProps) => {
  const key = useMemo(() => {
    return Math.random().toString()
  }, [])

  return (
    <TextInput key={key} {...props} />
  )
}

Если вы используете expo
Я получил эту ошибку после обновления с expo SDK 38 до 39.
Мне пришлось очистить как мой кеш expo (expo -rc), так и кеш мобильного приложения expo (я удаляю и повторно устанавливаю его, чтобы быть уверенным), и ошибка исчезла.

@dpnick ошибку очень сложно воспроизвести. Я предлагаю использовать компонент тестирования, который я разместил здесь, чтобы убедиться, что он действительно прошел.

Получив эту ошибку в процессе производства, и я не могу воспроизвести эту проблему, моя версия RN - 0.62.2, вот мои журналы из firebase crashlytics:

Fatal Exception: java.lang.NullPointerException: Attempt to invoke virtual method 'android.graphics.drawable.Drawable android.graphics.drawable.Drawable$ConstantState.newDrawable(android.content.res.Resources)' on a null object reference
       at android.graphics.drawable.DrawableContainer$DrawableContainerState.createAllFutures(DrawableContainer.java:880)
       at android.graphics.drawable.DrawableContainer$DrawableContainerState.getOpacity(DrawableContainer.java:1163)
       at android.graphics.drawable.DrawableContainer.getOpacity(DrawableContainer.java:434)
       at android.graphics.drawable.InsetDrawable.getOpacity(InsetDrawable.java:259)
       at android.view.View.computeOpaqueFlags(View.java:19424)
       at android.view.View.setBackgroundDrawable(View.java:24701)
       at android.view.View.setBackground(View.java:24594)
       at android.view.View.<init>(View.java:6191)
       at android.widget.TextView.<init>(TextView.java:1223)
       at android.widget.EditText.<init>(EditText.java:106)
       at android.widget.EditText.<init>(EditText.java:102)
       at android.widget.EditText.<init>(EditText.java:98)
       at android.widget.EditText.<init>(EditText.java:94)
       at com.facebook.react.views.textinput.ReactTextInputShadowNode.createInternalEditText(ReactTextInputShadowNode.java:258)
       at com.facebook.react.views.textinput.ReactTextInputShadowNode.setThemedContext(ReactTextInputShadowNode.java:78)
       at com.facebook.react.uimanager.UIImplementation.createView(UIImplementation.java:243)
       at com.facebook.react.uimanager.UIManagerModule.createView(UIManagerModule.java:469)
       at java.lang.reflect.Method.invoke(Method.java)
       at com.facebook.react.bridge.JavaMethodWrapper.invoke(JavaMethodWrapper.java:372)
       at com.facebook.react.bridge.JavaModuleWrapper.invoke(JavaModuleWrapper.java:151)
       at com.facebook.react.bridge.queue.NativeRunnable.run(NativeRunnable.java)
       at android.os.Handler.handleCallback(Handler.java:883)
       at android.os.Handler.dispatchMessage(Handler.java:100)
       at com.facebook.react.bridge.queue.MessageQueueThreadHandler.dispatchMessage(MessageQueueThreadHandler.java:27)
       at android.os.Looper.loop(Looper.java:237)
       at com.facebook.react.bridge.queue.MessageQueueThreadImpl$4.run(MessageQueueThreadImpl.java:226)
       at java.lang.Thread.run(Thread.java:919)

@AbdelkhalekESI - ошибку очень сложно воспроизвести. Вы пробовали тестовый компонент, который я разместил здесь ?

Я написал запрос на перенос, который устраняет эту проблему https://github.com/facebook/react-native/issues/17530#issuecomment -663577143

Перейдите на страницу pr https://github.com/facebook/react-native/pull/29452, следуйте инструкциям https://github.com/facebook/react-native/wiki/Building-from-source#publish - your-own-version-of-react-native и дайте мне знать, если вам понадобится помощь. Я попытаюсь проверить в эти выходные, нужно ли писать отдельную PR для Expo, но я считаю, что они просто получат исправление, обновив reactnative, как только этот PR будет объединен и выпущен. Большое спасибо. Я желаю тебе спокойной ночи

подробнее в моих предыдущих сообщениях https://github.com/facebook/react-native/issues/17530#issuecomment -662000718

Та же проблема в версии "react-native": "0.63.3"

просто очистите кеш Expo в мобильном приложении (если вы используете мобильное приложение) или кеш приложения Expo на любой платформе, которую вы используете.

@ tzeneng96 хорошо, очистка кеша работает с приложением, но это неприемлемое решение, потому что проблема повторяется!

@AbdelkhalekESI - ошибку очень сложно воспроизвести. Вы пробовали тестовый компонент, который я разместил здесь ?

Я смог воспроизвести эту ошибку с помощью этого компонента. Я также получил много журналов этого сбоя в производстве. В настоящее время проект имеет версию 0.63.3.

Не знаю, ошибся ли я, но в этой теме, цитируемой @ glenn-axsy, насколько я понимаю, им удалось решить, добавив в andoid \ app \ src \ main \ res \ values ​​\ styles.xml предмет:
"item name =" android: editTextBackground "> @ android: color / transparent / item"

Я все еще тестирую решение.

@thiagocristianno, вы правильно поняли, хотя это не идеальное решение, и я считаю, что это не поможет разработчикам Expo, поскольку они не могут контролировать эту настройку.

Вау, это было неприятно. @WilliamAlexander @Hopding работает. Я знаю, потому что раньше мог каждый раз воспроизводить это.
// styles.xml

<resources>
   <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <!-- Customize your theme here. -->
        <item name="android:editTextStyle">@style/AppEditTextStyle</item>
        <item name="editTextStyle">@style/AppEditTextStyle</item> <!-- For compatibility with the support library -->
        <item name="android:editTextBackground"><strong i="10">@android</strong>:color/transparent</item>

    </style>

    <style name="AppEditTextStyle" parent="@style/Widget.AppCompat.EditText">
        <item name="android:background"><strong i="11">@android</strong>:color/transparent</item>
    </style>
</resources>

@ @jordangrant , где вы видели обходной путь?

Вау, это было неприятно. @WilliamAlexander @Hopding работает. Я знаю, потому что раньше мог каждый раз воспроизводить это.
// styles.xml

<resources>
   <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <!-- Customize your theme here. -->
        <item name="android:editTextStyle">@style/AppEditTextStyle</item>
        <item name="editTextStyle">@style/AppEditTextStyle</item> <!-- For compatibility with the support library -->
        <item name="android:editTextBackground"><strong i="11">@android</strong>:color/transparent</item>

    </style>

    <style name="AppEditTextStyle" parent="@style/Widget.AppCompat.EditText">
        <item name="android:background"><strong i="12">@android</strong>:color/transparent</item>
    </style>
</resources>

@ @jordangrant , где вы видели обходной путь?

@bobowinca Это очень длинный поток, и это решение на 100% сработало для меня. РН 63.3 нет Экспо

@jordangrant ,

Также похоже, что вы смогли воспроизвести проблему постоянно. Мне интересно, как вы это делаете. Я пока видел только трассировку стека. Я ищу способы проверить исправление.

@bobowinca - тестовый компонент, который я разместил здесь, должен помочь вам последовательно воспроизводить его.

@bobowinca - тестовый компонент, который я разместил здесь, должен помочь вам последовательно воспроизводить его.

работает как шарм! Спасибо, Гленн!

Добавление <item name="android:editTextBackground"><strong i="5">@android</strong>:color/transparent</item> в styles.xml работает!
Метод с добавлением в TextInput key={Math.random().string()} работал, но при повторной визуализации клавиатура скрывалась каждый раз через секунду - это было недопустимо.