React-native: NullPointerException: वर्चुअल मेथड 'android.graphics.drawable.Drawable android.graphics.drawable.rawable $ ConstantState.newDrawable (android.content.res.Rresources)' का प्रलोभन देना।

एक ही मुद्दे का सामना।

वही यहाँ [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

वही मुद्दा

वही मुद्दा। एक ही साया

आरएन 44.0 पर यहां

+1 अनथा ’एक

पैकेट को फिर से शुरू करने और कैश साफ़ करने वाले दोस्तों ने मेरे लिए काम किया!

मेरे लिए भी यही मुद्दा है। मैं आरएन 0.51.0 और प्रतिक्रिया-मूल-सामग्री-टेक्स्टफील्ड 0.12.0 का उपयोग कर रहा हूं।

मैं इस मुद्दे का भी सामना कर रहा हूं। अजीब बात यह है कि त्रुटि को ट्रैक करना बहुत कठिन है क्योंकि स्टैक ट्रेस में कोई उपयोगी जानकारी नहीं है। मुझे यह भी नहीं पता कि त्रुटि कहां हो सकती है।
यहाँ समाधान होगा अगर मैं समाधान खोजने के लिए

RN 0.52.0 पर वही त्रुटि हो रही है।

इसे पोस्ट करने के लिए धन्यवाद! ऐसा लगता है कि आप जनवरी 2018 को रिलीज़ किए गए रिएक्ट नेटिव, v0.53.0 के नवीनतम संस्करण का उपयोग नहीं कर रहे हैं। क्या आप सुनिश्चित कर सकते हैं कि यह समस्या अभी भी नवीनतम संस्करण में पुन: प्रस्तुत की जा सकती है?

मैं इसे बंद करने जा रहा हूं, लेकिन कृपया एक नया मुद्दा खोलने के लिए स्वतंत्र महसूस करें यदि आप यह पुष्टि करने में सक्षम हैं कि यह अभी भी v0.53.0 या नए में एक समस्या है।

_{योगदान कैसे करें • रखरखाव से क्या उम्मीद करें}

0.53.3 पर एक ही मुद्दा

वही मुद्दा

@ प्रतिक्रिया-देशी-बोट को मुद्दे को फिर से खोलने की आवश्यकता है

Android 8 के साथ एक ही मुद्दे का सामना करना पड़ रहा है

मुझे भी। मूल निवासी 0.53.3, SM-T550, API स्तर 25 (Android 7.0)

यह मुद्दा मेरे साथ बस पॉप हुआ, रिएक्ट देशी 0.53.3 - एंड्रॉइड 8.1।

मूल निवासी 0.53.3, एंड्रॉइड 8, एक ही मुद्दा

एक ही मुद्दा, प्रतिक्रिया-देशी 0.53.0 और एंड्रॉइड 8. यह अजीब कारण है कि यह त्रुटि अनियमित रूप से प्रकट होती है। मुझे इसे पुन: पेश करने के लिए कोई सटीक कदम नहीं मिल रहा है।

आरएन 0.54.2 पर एक प्रोडक्शन ऐप चलाएं और यह ऐप स्टार्टअप पर एंड्रॉइड 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 एपीआई 26

0.54.2 पर समान।

मैंने इसे एक फ्लैटिस्ट में <TextInput> सीमित किया है। जब मैं इसे <Text> साथ प्रतिस्थापित करता हूं, तो समस्या गायब हो जाती है।

कृपया अब उपलब्ध नवीनतम संस्करण के साथ पुन: पेश करें और मैं इसे फिर से खोल दूंगा।

वही यहाँ @ radko93

एंड्रॉइड 8.1 एपीआई 27

"निर्भरता": {
"प्रतिक्रिया": "16.3.1",
"प्रतिक्रिया-मूलक": "0.55.1",
"प्रतिक्रिया-देशी-रैखिक-ढाल": "^ 2.4.0",
"प्रतिक्रिया-मूल-वेक्टर-आइकन": "^ 4.6.0",
"प्रतिक्रिया-नेविगेशन": "^ 1.5.11"
},

एक अशक्त वस्तु संदर्भ पर आभासी पद्धति 'android.graphics.rectable.Drawable android.graphics.drawable.rawable $ ConstantState.newDrawable (android.content.res.Resources)' को लागू करने का प्रयास करें।
createAllFutures
DrawableContainer। जावा: 875
getOpacity
DrawableContainer। जावा: 1158
getOpacity
DrawableContainer। जावा: 433
getOpacity
InsetDrawable। जावा: 258
computeOpaqueFlags
राय। जावा: 15,698
setBackgroundDrawable
राय। जावा: 20502
बैकग्राउंड सेट
राय। जावा: 20,395

राय। जावा: 5238

व्याख्यान दर्शन। जावा: 826

लिखाई में बदलाव। जावा: 88

लिखाई में बदलाव। जावा: 84

लिखाई में बदलाव। जावा: 80

लिखाई में बदलाव। जावा: 76
setThemedContext
ReactTextInputShadowNode। जावा: 80
createView
UIImplementation। जावा: 282
createView
UIManagerModule। जावा: 366
आह्वान
Method.java
आह्वान
JavaMethodWrapper। जावा: 372
आह्वान
JavaModuleWrapper। जावा: 160
Daud
NativeRunnable.java
handleCallback
हैंडलर। जावा: 790
dispatchMessage
हैंडलर। जावा: 99
dispatchMessage
MessageQueueThreadHandler। जावा: 29
लूप
Looper। जावा: 164
Daud
MessageQueueThreadImpl। जावा: 192
Daud
थ्रेड। जावा: 764

वही मुद्दा

package.json
"निर्भरता": {
"प्रतिक्रिया": "16.3.1",
"प्रतिक्रिया-मूलक": "0.55.2",
},

build.gradle
compileSdkVersion 26
buildToolsVersion "26.0.2"
minSdkVersion 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
प्रतिक्रिया-मूलक ： 0.48.3

वही मुद्दा।

इसी मुद्दे पर, प्रोडक्शन के माहौल में device मेरा डिवाइस HUAWEI (LLD-AL10) 8.0.0 है, मैं वर्तमान में रिएक्ट नेटिव 0.46.2 का उपयोग कर रहा हूं, धन्यवाद

प्रतिक्रिया-मूल (0.55.3) के नवीनतम संस्करण का उपयोग करते समय एक ही मुद्दा प्राप्त करना। जैसा कि ऊपर उल्लेख एक समतल सूची में TextInput से संबंधित समस्या लगती है। Android 8.0 और 8.1 में त्रुटि हो रही है। इस मुद्दे से बचने के लिए कोई वर्कअराउंड?

मैं प्रतिक्रिया-मूल 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>
    );
  }
}

मैं इसे MacOS 10.13.3 से एंड्रॉइड 8.0.0 के साथ गैलेक्सी S8 पर चला रहा था।

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

मैं नहीं जानता कि क्या त्रुटि सीधे TextInputs की संख्या से जुड़ी नहीं है, लेकिन यह एकमात्र तरीका है जो मैं इस बग को काफी विश्वसनीय तरीके से पुन: पेश कर सकता हूं। 128 इनपुट के साथ मुझे यह त्रुटि हर पुनरारंभ पर नहीं मिली, लेकिन कुछ पुनः लोड के बाद यह सामने आया। 256 नंगे TextInputs में मुझे नहीं लगता कि मैं त्रुटि प्राप्त किए बिना आवेदन शुरू करने में सक्षम हूं। मैंने यह भी देखा कि TextInputs के बीच तत्वों को जोड़ने से यह त्रुटि होने की संभावना कम हो गई थी, इसलिए संभवतः यह TextInputs की संख्या से सीधे बंधा हुआ नहीं है। मैंने अपने वर्तमान एप्लिकेशन में यह कोशिश की और शुरुआती स्क्रीन में सैकड़ों TextInputs जोड़कर इस त्रुटि को भी ट्रिगर किया है, लेकिन अन्य तत्वों में लिपटे TextInputs की समान मात्रा के साथ मेरे अन्य विचार हमेशा इस त्रुटि को ट्रिगर नहीं करते हैं क्योंकि मेरे आवेदन में कुछ है ।

मेरे साथ भी वही दिक्कत है। मैं इसे एंड्रॉइड 8.0.0 के साथ हुआवेई पी 10 पर चला रहा था।
"react": "^16.2.0", "react-native": "^0.55.0",
स्क्रीनशॉट

ऐसा लगता है कि समस्या TextInputs में है। यह मेरे Huawei P10 (Android 8.0.0) पर होता है। क्या इसके लिए पहले से कोई तय है?

एंड्रॉयड: 7.1.1
"प्रतिक्रिया-मूलक": "0.53.3",

इसे पोस्ट करने के लिए धन्यवाद! ऐसा लगता है कि आपका मुद्दा प्रतिक्रियाशील मूल के पुराने संस्करण को संदर्भित कर सकता है। क्या आप नवीनतम रिलीज़, 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

एपीआई स्तर 21 से अपने एमुलेटर को एपीआई स्तर 26 में अपग्रेड करने के बाद मेरे लिए ऐसा होने लगा

विकास करते समय बिना किसी कारण के मुझे यह त्रुटि दिखाई दी। मैंने अपने / बिल्ड फोल्डर को साफ किया और एक run-android फिर से भाग गया। मुद्दा गायब हो गया। सचमुच अजीब। मुझे उम्मीद है कि आप में से कुछ के लिए एक स्वच्छ निर्माण इसका समाधान करेगा।

इसी समस्या को लेकर। एक छोटा सा अंतर - मेरा मैं एक VirtualizedList (FlatList के माता-पिता) के अंदर TextInputs को घोंसला बना रहा हूं और मुझे केवल उस मुद्दे को मिलता है जब मैं उस सूची में चारों ओर स्क्रॉल करना शुरू करता हूं, तब भी केवल सभी समय के बजाय रुक-रुक कर प्राप्त होता है। दूसरों के समान, यह उत्पादन के माहौल में हो रहा है, इसलिए पैकेट को फिर से शुरू करना एक विकल्प नहीं है।

कुछ खुदाई के आधार पर, Android में ही एक पुराने मुद्दे से संबंधित प्रतीत होता है: https://issuetracker.google.com/issues/37068452
यदि यह अंतर्निहित समस्या है, तो यह आरएन परियोजना में केवल संकलन और समर्थन लाइब्रेरी संस्करणों को अपग्रेड करके हल किया जाएगा। हालांकि उस पर कोई विचार नहीं है।

अद्यतन: निर्माण उपकरणों के एक उच्च संस्करण का उपयोग करने के लिए उपप्रोजेक्ट्स को मजबूर करने की कोशिश करना और संकलन करना मेरी परियोजना के लिए इस समस्या को हल नहीं करता है, जैसा कि इस एसओ पोस्ट में बताया गया है। निश्चित नहीं है कि अगर मैंने उन उच्च संस्करणों को गलत तरीके से लागू किया है, अगर मेरा बिल्ड सेटअप उस तरह से सबप्रोजेक्ट के रूप में आरएन का इलाज नहीं कर रहा है, या यदि यह वास्तव में समस्या का एक वैध समाधान नहीं है।

EDIT 2: ऐसा लगता है कि ReactEditText एडिट टेक्स्ट (जो कि

EDIT 3: यह समाधान नहीं था। मुझे अब विश्वास नहीं हो रहा है कि यह मुद्दा लिंक किए गए AOSP के समान है।
मैं कह सकता हूं कि यह इस बात से प्रकट नहीं होता है कि आपने अपने टेक्स्ट को किस तरह का स्क्रॉल-इन में डाला है - मैं वर्चुअलाइज़्डलिस्ट और स्क्रॉलव्यू दोनों में पुन: पेश करने में सक्षम था, और इस थ्रेड में कई लोगों ने इसे फ्लैटलिस्ट के साथ किया है।

मैं उत्पादन पर यह एक ही है

मैं भी इस मुद्दे का सामना कर रहा हूं। @Mbret के रूप में मेरे लिए cd android ; ./gradlew clean ; cd .. ; react-native run-android कार्य चल रहा है (धन्यवाद!)

महान, लेकिन वास्तविक ग्राहकों के साथ उत्पादन पर ऐप्स के बारे में क्या? : |

क्षमा करें @ahanusek , मैं यह नहीं कह रहा हूं कि यह मुद्दा

लेकिन विकास के लिए भी यह कोई समाधान नहीं है। ठीक है, आप अपने निर्माण को साफ करते हैं, फिर से ऐप शुरू करते हैं, लेकिन यदि आप "शायद ही" इनपुट का उपयोग करते हैं तो भी आपको यह त्रुटि फिर से मिल सकती है।

@ahanusek हां, मैं आपसे सहमत हूं, और आपके साथ बहस करने का कोई तरीका नहीं है। यह कोई समाधान नहीं है, लेकिन मेरे लिए, और अब के लिए, इसने मुझे विकास जारी रखने की अनुमति देने का काम किया है

इसे भी देखकर, v0.55.4:

बहुत कुछ निश्चित है कि मेरे पास एक FlatFist या VirtualizedList, fwiw में एक TextField नहीं है। यह हमारे उत्पादन निर्माण में हो रहा है।

v0.55.4 में इस मुद्दे को देखकर। और हाँ हम एक सूची में TextInput का उपयोग कर रहे हैं।

प्रतिक्रिया में होता है 0.55। निम्नलिखित

इसके अलावा प्रतिक्रिया में देशी 0.55 होता है, फ्लैट सूची में इनपुट का उपयोग करते हुए।

यदि लोग मेरी संपादित टिप्पणी नहीं देखते हैं तो यहाँ एक वास्तविक पोस्ट बनाना:

मैं कह सकता हूं कि यह इस बात से प्रकट नहीं होता है कि आपने अपने टेक्स्ट को किस तरह का स्क्रॉल-इन में डाला है - मैं वर्चुअलाइज़्डलिस्ट और स्क्रॉलव्यू दोनों में पुन: पेश करने में सक्षम था, और इस थ्रेड में कई लोगों ने इसे फ्लैटलिस्ट के साथ किया है।
या, इसे अलग-अलग रूप में वाक्यांश करने के लिए, समस्या को फोड़ा जाता है
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"
प्रतिक्रिया-मूल "~ 0.55.2"

हम अपने कोड में भी इसी तरह के मुद्दे का सामना कर रहे थे

क्रैश लॉग:
घातक अपवाद: java.lang.NullPointerException: आभासी पद्धति 'android.graphics.drawable.Drawable android.graphics.drawable.Drawable $ ConstantState .newDrawable (android.content.res.Resources)' को एक अशक्त वस्तु संदर्भ में लाने का प्रयास करें।
android.graphics.drawable.rawableContainer $ DrawableContainerState.createAllFutures (DrawableContainer.java:875) पर
android.graphics.drawable.rawableContainer $ DrawableContainerState.getOpacity (DrawableContainer.java:1158) पर
android.graphics.drawable.rawableContainer.getOpacity (DrawableContainer.java:433) पर
android.graphics.drawable.InsetDrawable.getOpacity (InsetDrawable.java.254)
android.view.View.computeOpaqueFlags पर (View.java:16791)
android.view.View.set.ackBackgroundDrawable पर (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 काम करते हैं
- कुछ 200 ReactTextInput यहां इंडेंट किए जाने के रूप में विफल रहता है

• इस मुद्दे के कुछ विश्लेषणों में स्पार्सअरे से टूटते हुए एक जिज्ञासु बहुआयामी परिदृश्य का पता चला
  - SparseArray थ्रेडसेफ़ नहीं है और साथ ही इसके अंदर gc () का तर्क है
  - SparseArray का उपयोग DrawableContainerState के लिए किया जाता है और एक मौजूदा स्थिर स्थिति के ड्रॉबल फ्यूचर्स (यह SparseArray) का उपयोग करके क्लोनिंग द्वारा नया DrawableContainerState बनाया जा सकता है।
  - ऊपर एक बहु-थ्रेडेड नलपॉइंट अपवाद के लिए एक नुस्खा है और यह नीचे के रूप में होता है
  - रिएक्ट एडिट पर काम करने वाले नेटिव मॉड्यूल थ्रेड टेक्स्ट शैडो नोड क्रिएशन और इसका लाइफसाइकल एक नया एडिट टेक्स्ट (रिएक्टेहेमडोनटेक्स्ट) करता है, जिसके परिणामस्वरूप बैकग्राउंड ड्रॉ करने में परिणाम होता है और अंत में स्पार्सअयरेक्ट असुरक्षित कोड को इनवॉइस करना पड़ता है।
  - यूआई थ्रेड इस बीच कुछ अन्य आरटीआई के प्रदर्शन को बनाने के लिए इस्तेमाल किया जा सकता है एक ही समय में एक ही SparseArray धागा असुरक्षित कोड के लिए अग्रणी
  - Nullpointer अपवाद तब होता है जब gc () को एक साथ लागू किया जाता है और साथ ही क्लोन (यह क्लोन आंतरिक रूप से Drawable * class में होता है) एक ही ऑब्जेक्ट के लिए किया जा रहा है जो आंशिक रूप से gc-ed ऑब्जेक्ट को जन्म देता है। मान सरणी से एक आइटम जैसा कुछ हटा दिया गया था और अशक्त हो गया था, लेकिन noOfItems ध्वज को अभी तक अद्यतन नहीं किया गया है, इसलिए क्लोन की गई वस्तु में noOfItems ध्वज में निर्दिष्ट से कम एक आइटम है और पुनरावृत्ति हटाए गए अनुक्रमणिका के लिए अशक्त सूचक अपवाद पैदा कर सकता है।

हमने इसे कैसे हल किया या बनाया?
[१] यूआई थ्रेड पर नए एडिटटेक्स्ट (संदर्भ) कॉल को ले जाएँ और शैडोएनोड एसिक्स को मापें लेकिन जब तक इस एडिट टेक्स्ट ऑब्जेक्ट को यूआई थ्रेड पर बनाया गया है, तब तक प्रतीक्षा करें - मूल रूप से शैडो नोड को फिर से सेट करेंथीमटेक्स्ट और माप फ़ंक्शन
कमियां: हर आरटीआई के लिए थ्रेड स्विच

[२] पृष्ठभूमि के लिए शून्य निर्दिष्ट करते हुए मूल मॉड्यूल पर लेआउट इनफ्लोटर का उपयोग करके एडिटटेक्स्ट बनाएं और केवल एक बार यूआई थ्रेड पर एक एडिटटेक्स्ट बनाकर छायांकित करें और शैडोन्नोड स्तर पर इसकी पृष्ठभूमि को आकर्षित करने योग्य कैशिंग करें। इस drawable का उपयोग ड्रॉमीएडिटेक्स की पृष्ठभूमि को सेट करने के लिए किया जाता है, जो कि ड्रॉबल बॉर्डरलाइन पैडिंग्स पर विचार करने के लिए लेआउट इनफ्लोटर का उपयोग करके बनाया गया है। इस मामले में मापनीय रचना के लिए केवल एक बार इंतजार करने की जरूरत है

मैंने दोनों का परीक्षण किया है और वे 1024 ReactTextInput के लिए ठीक काम करते हैं।

नोट: जांच के आधार पर, यह वास्तव में सबसे सुरुचिपूर्ण समाधान नहीं लगता है, लेकिन यह न्यूनतम बदलावों के साथ काम करता है और मुद्दे के विश्लेषण को साबित करता है।

सुझाव और आलोचनाओं का स्वागत है!

छाया नोड कोड:

`पैकेज.richtextinput;
आयात android.content.Context;
आयात android.graphics.drawable.rawable;
आयात android.os.Build;
आयात android.text.Layout;
आयात android.view.LayoutInflater;
आयात android.view.ViewGroup;
आयात android.widget.EditText;
आयात com.facebook.infer.annotation.Assertions;
आयात com.facebook.react.bridge.JSApplicationIllegalArgumentException;
आयात com.facebook.react.common.annotations.VoubleForTesting;
आयात com.facebook.react.uimanager.Spacing;
आयात com.facebook.react.uimanager.ThemedReactContext;
आयात com.facebook.react.uimanager.UIViewOperationQueue;
आयात com.facebook.react.uimanager.annotations.ReactProp;
आयात com.facebook.react.views.text.ReactBaseTextShadowNode;
आयात com.facebook.react.views.text.ReactTextUpdate;
आयात com.facebook.react.views.textinput.ReactTextInputLocalData;
आयात com.facebook.react.views.view.MeasureUtil;
आयात com.facebook.yoga.YogaMeasureFunction;
import com.facebook.yoga.YogaMeasureMode;
import com.facebook.yoga.YogaMeasureOutput;
आयात com.facebook.yoga.YogaNode;
आयातआर;

आयात javax.annotation.Nullable;
// नोट: यह वर्ग ReactTextInputShadowNode से बहुत भिन्न नहीं है
// विषय संदर्भ स्थापित करना और माप प्रदर्शन करना
सार्वजनिक वर्ग ReactTextInputShadowNode फैली प्रतिक्रिया
{
@VisibleForTesting
सार्वजनिक स्थिर अंतिम स्ट्रिंग PROP_TEXT = "पाठ";
निजी स्थिर ड्राबल 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 कोड और डमी edittext फुलाए जाने के लिए उपयोग किए जाने वाले लेआउट को शामिल करने के लिए मेरी अंतिम टिप्पणी अपडेट की गई

@sayantanbugs - यह कुछ महान b काम है! हम इसे अपने प्रोजेक्ट में आज़माएँगे और वापस रिपोर्ट करेंगे! धन्यवाद!

वही मुद्दा
अभिक्रियाशील: 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
एक ही मुद्दा, इसे कैसे ठीक करें?

^ ^ ^ अधिक लोगों को @sayantanbugs समाधान के साथ समस्या को ठीक करने का प्रयास करना चाहिए। बस अपने react-native फ़ोल्डर में अपने ReactTextInputShadowNode.java फ़ाइल का पता लगाएं और जो कोड उसने प्रदान किया है उसे स्वैप करें वह उसका पोस्ट है। आपको सुखद आश्चर्य हो सकता है।

एक सप्ताह के बाद से मैंने ऐसा किया है, मुझे वापस रिपोर्ट करने में खुशी हो रही है कि त्रुटि केवल एक बार फिर से हुई है। लेकिन इस बार यह अलग था .. मैं एप्लिकेशन को पुनः आरंभ करने में सक्षम था और react-native run-android माध्यम से ऐप को फिर से स्थापित करने की आवश्यकता के बिना सामान्य रूप से काम कर रहा था जो वास्तव में एक दर्द था क्योंकि इससे पहले कि मैं सचमुच एक जोड़ी स्क्रीन तक पहुंच खो दूंगा उन TextInputs का प्रतिपादन किया। मैं त्रुटि का ध्यान रखना जारी रखूंगा यदि यह फिर से प्रकट होता है लेकिन अब तक मुझे लगता है कि यह मेरे अंत में पूरी तरह से काम करता है। शानदार डिबगिंग, @sayantanbugs!

@ दोस्ताना-रोबोट imo यह एक समाधान नहीं है। यह सबसे अच्छा एक समाधान है। यह उत्पादन कोड में हो रहा है, जहां हम एक अनुपयोगी समाधान को पैच अप नहीं कर सकते हैं, जिसे आप स्वीकार भी नहीं करते हैं।

यदि यह सभी तरीकों से, निश्चित रूप से देव पर गुस्सा कर रहा है। लेकिन मुझे नहीं लगता कि लोगों को समाधान के रूप में इसका इस्तेमाल करने के लिए प्रेरित करना बुद्धिमानी है। एक पीआर के लिए एक आधार के रूप में शायद।

@ फ्रेंडली-रोबोट (फिर भी, धन्यवाद @sayantanbugs ) के साथ सहमत हुए। आरएन यहाँ से कोई भी? क्या आपको लगता है कि पैच इसे आरएन रेपो को बना सकता है और परीक्षण किया जा सकता है?

ठीक है, मैं अंततः @sayantanbugs के दृष्टिकोण का परीक्षण करने में सक्षम था, लेकिन यह मेरे लिए काम नहीं करता था (यह गैर-मास्टर कोड पर भी आधारित है)। हालांकि, एक अस्थायी समाधान (बनाम एक रूपरेखा समाधान) के रूप में, आप की अपनी स्वयं की प्रतिलिपि प्रदान कर सकते हैं ReactEditText एक समझौता के साथ drawableStateChanged() विधि:

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

यह सचमुच एक पैच है, लेकिन कम से कम एप्लिकेशन क्रैश नहीं होगा। पाठ इनपुट अभी भी उत्तरदायी है और जहाँ तक मैं बता सकता है, उम्मीद के मुताबिक काम करता है।

जब (अब निश्चित) दुर्घटना को पुन: पेश करते हुए, मैं देख सकता था कि यह वास्तविक अपवाद त्वरित उत्तराधिकार में कुछ बार हुआ।

संपादित करें:
हम्म् ... जबकि सब कुछ काम करने लगता है, ऐसा प्रतीत होता है कि ड्रॉबल स्टेट स्थायी रूप से दूषित हो गया है। नए टेक्स्ट इनपुट के साथ पूरी तरह से नया दृश्य बनाने के बाद भी, किसी भी टेक्स्ट इनपुट को छूने से संदेश फिर से दिखाई देगा। सौभाग्य से यह केवल इनपुट पर क्लिक करते समय दिखाता है और पाठ में प्रवेश करते समय नहीं।

मैं आज रात अपने दृश्य और परिवर्तन के साथ खेल रहा हूं, मुझे यह त्रुटि बीस बार मिली है ... मैं कुछ भी नहीं कर रहा था लेकिन विचारों के बीच संक्रमण का परीक्षण करने के लिए अपने नेविगेट पर क्लिक कर रहा था। मुझे लगता है कि यह एक बड़ी बात है: /

समाधान का परीक्षण करने के लिए धन्यवाद @ अनुकूल-रोबोट!

मेरे समाधान पर एक पैच होने के अधिकांश विचारों से सहमत हूं और मैंने उल्लेख किया कि मेरे मूल पोस्ट में समाधान शामिल है। इसका कारण अभी भी मेरी परियोजना में इस्तेमाल किया जा सकता है, क्योंकि हमने आरएन आरटीआई का विस्तार करते हुए अपनी तरफ एक और अधिक समृद्ध आरटीआई बनाया है। इसलिए हम अपने समाधान का उपयोग अपने कस्टम आरटीआई के शैडो नॉन कार्यान्वयन में कर सकते हैं। हमारी परियोजना में प्रभाव हम कई आरएन कीड़े / उपयोग के मामलों को ठीक करने के लिए आरएन के एक संशोधित संस्करण को बनाए रखते हैं, और इसलिए हम इन परिवर्तनों को उस पर भी प्राप्त कर सकते हैं।

मैं अन्य संभावनाओं पर इसे दूसरा रूप देने की योजना बना रहा हूं क्योंकि मुझे उस समय के दौरान कुछ दिनों के दौरान हाथ में जलते मुद्दे को हल करना था।

आपकी प्रतिक्रिया के लिए धन्यवाद!

@davidmontemayor , अगर
यह हमें यह सोचने पर मजबूर कर रहा है कि हो सकता है कि हम ShadowNode को फिर से लिख रहे हों, जैसे कि हमें EditText ऑब्जेक्ट की आवश्यकता नहीं है जिस तरह से इस बिंदु पर इसका उपयोग उपाय फ़ंक्शन का उपयोग करने के अलावा किया जाता है।

मेरे लिए भी होता है। मैं स्क्रोलव्यू का उपयोग कर रहा हूं।
स्क्रोलव्यू में मेरे पास विभिन्न नियंत्रण (रेडियो, सूची, संपादन, आदि) हैं। मैं कहूंगा कि मेरे पास अधिकतम 10 नियंत्रण हैं, इसलिए बहुत बड़ी सूची नहीं है।
हालांकि इसे पुन: पेश करना मुश्किल है। ऐसा लगता है कि यादृच्छिक समय पर होता है, लेकिन मुझे लगता है कि जब मैं स्क्रीन पर स्क्रॉल दृश्य (इसमें संपादन नियंत्रण के साथ) कर रहा हूं, तो मैं इसे पृष्ठभूमि से ऐप को अग्रभूमि में लाने के लिए ट्रैक कर रहा हूं।
हालांकि 100% निश्चित नहीं है
मुझे आश्चर्य हो रहा है कि क्या यह एंड्रॉइड सपोर्ट वर्जन से संबंधित है।

एफबी पर आओ, इस बग को ठीक करें।
जब हम इस तरह से यादृच्छिक क्रैश करते हैं, तो उत्पादन गुणवत्ता एप्लिकेशन बनाना कठिन होता है।

com.facebook.react.views.textinput.ReactEditText
आरएन 0.54
Android एसडीके 27
फोन 8.1

इस समस्या के होने के साथ-साथ, स्क्रॉल-व्यू का भी उपयोग किया जा रहा है। @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 इनिशियलाइज़ेशन विफलताओं से निपटना शुरू करते हैं। पृष्ठभूमि के लिए, _two_ अलग-अलग तरीके हैं जो यह समस्या प्रकट होती है:

• जब ReactEditText को तत्काल किया जाता है ( android.widget.EditText.<init>(EditText.java:95) )
• जब ReactEditText के साथ बातचीत की जाती है ( android.widget.TextView.onTouchEvent(TextView.java:8467) )

मुख्य बात यह है कि बनाए गए दृश्य को ReactTextInputShadowNode में बदलना है। new EditText(getThemedContext()) करने देने के बजाय, अपनी खुद की क्लास बनाएँ जो EditText से फैली हो। तब आप drawableStateChanged() में दूसरे पथ के कारण अपवाद को पकड़ सकते हैं।

प्रारंभिक त्रुटि त्रुटियों को ठीक कर रहा है। इसके लिए आपको एक "ड्रॉएबल रैपर" क्लास बनाने की ज़रूरत है जिसका इस्तेमाल किसी भी ओएल 'ड्रिबल को लपेटने के लिए किया जा सकता है जिसे EditText.setBackground() में पारित किया जाता है। इस रैपर को तब प्रतिनिधि के द्वारा फेंके जा रहे अपवादों को पकड़ना चाहिए।

यह समस्या अभी भी बेतरतीब ढंग से रिएक्ट नेटिव के नवीनतम संस्करण + जेएससी + के नवीनतम संस्करण के साथ 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

मैंने एंड्रॉइड 8.0.0 और RN 0.55.3 के साथ इस मुद्दे को देखना शुरू कर दिया है। क्या इसके लिए उनका कोई वर्कअराउंड या पीआर शायद है?

एक ही समस्या बेतरतीब ढंग से भी TextInputs के एक फ्लैटिस्ट के साथ

• प्रतिक्रिया-मूल: 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. मेरे कोड से सभी अंडरलाइनर कॉल हटाएं (मैं प्रतिक्रिया-मूल-तत्व 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 अद्यतन प्रतिक्रिया-मूल-तत्व 1.0xx बीटा को

रीडिंग
https://issuetracker.google.com/issues/37068452
https://github.com/facebook/react-native/issues/18214

आरएन 0.54
प्रतिक्रिया-मूल-तत्व 0.19

आरएन 0.56.0 एंड्रॉइड 8.1.0 पर होता है
आश्चर्य है कि अगर इसे आगे बढ़ाने की योजना है।

के सभी उदाहरणों को बदलने का प्रयास करें
underlineColorAndroid={"transparent"}
साथ में
underlineColorAndroid={"#00000000"}

इस मुद्दे को होने। इसे कुछ मुश्किल से हल करें। एक बटन बनाएं जो वर्तमान इनपुट के रेंडर को हैंडल करता है। इसलिए हमारे पास बटन के फ्लैट लिस्ट हैं और केवल 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 सप्ताह से अधिक और मैंने इस मुद्दे को नहीं देखा है।
हालांकि अधिक परीक्षण की आवश्यकता है;)

यह समस्या हमारे ऐप को उत्पादन में भी दुर्घटना का कारण बना रही है। यह एक बुरा बग है, क्योंकि इसे पुन: पेश करना मुश्किल है। हमें अपने ऐप के लिए एक आशाजनक निर्धारण मिला है, और मैं कुछ समय और निराशा से दूसरों को बचाने के लिए अपने निष्कर्षों को यहां साझा करना चाहता हूं।

चश्मा और संस्करण

इस बग के कारण हमारा ऐप सैमसंग, Google और एलजी एंड्रॉइड डिवाइस पर क्रैश हो गया है। हमें निम्नलिखित 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 आइटमों में से एक पर टैप करता है तो हमारा ऐप क्रैश हो जाता है (ध्यान दें कि यह _every_ time नहीं होता है)।

इस मुद्दे को फिर से प्रस्तुत करना मुश्किल है। वास्तव में, हम ऐसा करने में असमर्थ रहे हैं। लेकिन हम जानते हैं कि हमारे 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)

समस्या का स्रोत

इस धागे के माध्यम से पढ़ने और कुछ घंटों या शोध करने के बाद, मैंने ReactTextInputManager.java फ़ाइल में underlineColorAndroid हैंडलर पाया:

@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() बग का ट्रिगर होना है। ऐसा तब होता है जब हम अपने TextInput घटक पर underlineColorAndroid प्रोप सेट करने का प्रयास करते हैं (और इस प्रकार 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 घटकों से अंडरलाइन को हटाने के लिए इस प्रोप को सेट करने की आवश्यकता थी। लेकिन हमारे निष्कर्षों के आधार पर, इसका प्रोप हैंडलर एक एंड्रॉइड बग को ट्रिगर करता हुआ दिखाई दिया, जिससे ऐप कभी-कभी क्रैश हो जाता है।

सौभाग्य से, एंड्रॉइड पर TextInput घटकों से अंडरलाइन को हटाने का एक और तरीका है। आप 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 प्रोप TextInput घटकों के उपयोग से बचना शामिल है।

मैं अभी तक निश्चित रूप से यह नहीं कह सकता कि यह वास्तव में काम करता है, क्योंकि मैं स्थानीय स्तर पर इस मुद्दे को पुन: पेश करने में असमर्थ रहा हूं। हम आने वाले हफ्तों में इस बदलाव को अपने ऐप में अपडेट कर देंगे। उसके बाद, हमें यह देखने के लिए थोड़ी देर इंतजार करना होगा कि क्या यह अब होता है। मैं अपने निष्कर्षों के साथ वापस रिपोर्ट करने की कोशिश करूंगा।

इस निराशाजनक मुद्दे के साथ कुश्ती में हर किसी को शुभकामनाएँ! आशा है कि ये आपकी मदद करेगा।

धन्यवाद @ हापिंग जाहिर है कि आपका समाधान काम कर रहा है!

@Hopding
हां काम बहुत धन्यवाद

हमारे लिए, यह समस्या और ऐसी ही तमाम समस्याएं जहां आप एंड्रॉइड में एक शून्य संदर्भ पर कॉलिंग विधि का पता लगाते हैं , ऐप में उचित शैली नहीं होने के कारण होती

बात यह है कि अधिकांश 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 के फिक्स को लागू करते समय यह मेरे

अपडेट: @ हैडिंग शैली को इस तरह से लिखने की आवश्यकता है

    <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>

मुझे लेआउट को तोड़ने के लिए गद्दी को जोड़ना था।

@ गेविन-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>

`

हटाया गया अंडरलाइनरऑन्ड्रोइड = "पारदर्शी"

और बदल दिया शैली। xml

मेरे लिए यह काम कर रहा है

उपरोक्त समाधान में से किसी ने भी मेरे लिए काम नहीं किया, लेकिन जाहिरा तौर पर ऐप को बंद करने के साथ-साथ पैकर और फिर से काम किया।

बस अपना ऐप डेटा साफ़ करें और फिर से चलाएं

धन्यवाद @WilliamAlexander और @ घोल उनके समाधान के लिए, लेकिन जब मैं पृष्ठभूमि बदलता हूं तो यह मेरे InputText की पैडिंग को भी हटा देता है। इसके बजाय, मैंने बैकग्राउंड का उपयोग किया और यह पैडिंग में किसी भी बदलाव के बिना ठीक काम करता है

`` ``

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

`` ``

ठीक है, क्या एक्सपो उपयोगकर्ताओं के लिए इसे छोड़कर कोई समाधान है?

@ टि्वस्का दुर्भाग्य से आपको कच्ची प्रतिक्रिया-मूलक के रूप में अच्छी तरह से अस्वीकार करना होगा, क्योंकि एक्सपोकिट में एक ही मुद्दे हैं।

मैं अपने ऐप में कहीं भी underlineColorAndroid सेट नहीं कर रहा हूं फिर भी मुझे यह लॉग मेरे फायरबेस कंसोल में मिला। और मुझे नहीं पता कि इस मुद्दे को फिर से कैसे पुन: पेश किया जाए।

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)

रंगों के बारे में बात करते हुए मेरे पास प्लेसहोल्डरटेक्लोक्लॉर और बॉर्डरकोलर है जो #acacac और जब कुछ सत्यापन समस्या होती है तो बॉर्डर red । इसके अलावा मैं underlineColorAndroid भी सेट नहीं कर रहा हूँ।

किसी भी मदद की सराहना की है।

@mddanishansari चूंकि rn 0.56 underlineColorAndroid डिफ़ॉल्ट रूप से सेट किया गया है , इसलिए आपको ऊपर बताए गए फिक्स की आवश्यकता है।

@mddanishansari चूंकि rn 0.56 underlineColorAndroid डिफ़ॉल्ट रूप से सेट किया गया है , इसलिए आपको ऊपर बताए गए फिक्स की आवश्यकता है।

बहुत बहुत धन्यवाद। मुझे इतनी जल्दी जवाब की उम्मीद नहीं थी। मुद्दा यह है कि तब अन्य सभी मूल मूल EditText पृष्ठभूमि भी पारदर्शी है जो अजीब लगता है। मेरे एप्लिकेशन की कुछ स्क्रीन मूल मूल (जावा) में भी हैं।

मैं बस सोच रहा था कि इस मुद्दे को वास्तव में कैसे हल किया जा सकता है। प्रदान किया गया समाधान केवल एक साधारण हैक है। सही?

हाय दोस्तों। इसलिए, अंडरलाइनकोलरएंड्रोइड का उपयोग करके किसी भी तरह इस दुर्घटना को ट्रिगर किया जाता है।
लेकिन अब, इसके अलावा, डिफ़ॉल्ट रूप से अंडरलाइनकोन्डेरॉयड को सेट किया जाता है।
इस के उपयोग से कैसे बचा जा सकता है, और स्टाइल.एक्सएमएल को कमबैक?

सादर

बस मामले में यह किसी की मदद करता है। मेरे मामले में मैं गलती से NaN भेज रहा था वास्तविक रंग मूल्य के अनुसार यह मेरे साथ हुआ था 'बॉर्डरबॉटम लॉफ्टरेडियस' में Iphone के साथ सिर्फ एंड्रॉइड के साथ कोई समस्या नहीं थी।

इस सूत्र में समाधान मेरे लिए काम नहीं कर रहे हैं। यहां तक ​​कि जब मेरे सभी textinputs के लिए underlineColorAndroid कुछ गैर पारदर्शी (मैं '#f00' साथ परीक्षण किया गया) सेट करते हुए भी, मैं अभी भी इस मुद्दे का अनुभव कर रहा हूं।

मेरे लिए समस्या लगातार नहीं होती है। मेरे पास एक स्क्रॉल दृश्य के भीतर TextInputs का एक गुच्छा है, और इसे होने के लिए मुझे कई बार स्क्रीन को खोलना और बंद करना होगा

यह त्रुटि का कारण बनने वाली पारदर्शिता नहीं है, यह परिवर्तन है
देशी रंग प्रतिक्रिया मूल निवासी से। यह लगभग सभी को है
मूल के साथ मूल रेखांकन को पारदर्शी बनाता है।

बुध पर, 6 फरवरी, 2019, 10:23 अपराह्न एड्रिएन पाइके सूचनाएं @github.com ने लिखा है:

इस सूत्र में समाधान मेरे लिए काम नहीं कर रहे हैं। सेटिंग करते समय भी
कुछ गैर पारदर्शी के लिए मेरे सभी textinputs के लिए underlineColorAndroid
(मैंने '# f00' के साथ परीक्षण किया), मैं अभी भी इस मुद्दे का अनुभव कर रहा हूं।

मेरे लिए समस्या लगातार नहीं होती है। मेरे पास TextInputs का एक गुच्छा है
स्क्रॉलव्यू के भीतर, और मुझे कई बार स्क्रीन को खोलना और बंद करना होगा
होने के लिए

-
आप इसे प्राप्त कर रहे हैं क्योंकि आपने टिप्पणी की है।
इस ईमेल का उत्तर सीधे दें, इसे 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

दिलचस्प है कि त्रुटि अभी भी मेरे लिए होती है

मैंने आरएन 58.3 एंड्रॉइड पर इस बग का अनुभव किया। कोई स्पष्ट तुक या कारण नहीं था, सिवाय इसके कि जब भी मैं TextInput घटक प्रदान करता, त्रुटि समाप्त हो जाती। यहां तक ​​कि अगर मैं बिना किसी सहारा या परिवर्तन के साथ एक TextInput गाया, यह अभी भी दुर्घटना होगी।

मैंने मेट्रो को फिर से शुरू करने और कैश को रीसेट करने की कोशिश की लेकिन वह काम नहीं किया। मुझे वास्तव में एंड्रॉइड स्टूडियो खोलना था और ऐप को फिर से बनाना था, जिस बिंदु पर यह काम करना शुरू कर दिया था। यह हो सकता है एक समस्या के साथ हो सकता है ग्रेडल ठीक से निर्भरता या कुछ नहीं बंडल? एक लंबे शॉट की तरह लगता है कि मैं इस मुद्दे का अनुभव करने से पहले कुछ भी फिर से शुरू किए बिना एक अच्छा 4 घंटे के लिए विकसित कर रहा था, लेकिन मैं वास्तव में यह नहीं सोच सकता कि इसके कारण क्या हो सकता है।

मैंने आरएन 58.0 उपकरणों पर इस त्रुटि का अनुभव किया:
रेडमी नोट 6 प्रो - एंड्रॉइड 8.1
Mi A2 लाइट - एंड्रॉइड 9
WAS-LX1A - एंड्रॉइड 8

कभी-कभी संतरी में देखकर लगता है, आशा है कि यह मदद करता है।

क्या डेवलपर्स इस समस्या को ठीक करेंगे? वर्कअराउंड हमारे लिए उपयुक्त नहीं है!

मैं उत्पादन पर यह एक ही है

हमारे पास समान स्टैक ट्रेस है जैसा कि ऊपर दिए गए दो, प्रतिक्रिया 0.59 पर दिया गया है

(स्टैक ट्रेस की दूसरी पंक्ति पर DrawableContainerState.createAllFutures )

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 को शून्य करने का एक तरीका है, क्योंकि यह डिफ़ॉल्ट रूप से सेट है?

@pedrosimao @tamdao
आपको पैच-पैकेज जैसे कुछ पैच टूल के माध्यम से मैन्युअल रूप से इस लाइन को निकालना xml कॉन्फ़िगरेशन में सेट करने की आवश्यकता है।
तो कुंजी बिंदु not set any value to underlineColorAndroid anywhere जब तक कि कुछ नायक को इसे पैच करने का एक तरीका नहीं मिला।

मुझे आज यह त्रुटि मिली
यह पहले अच्छा काम करता है लेकिन कुछ बिल्ड के बाद मेरे डिवाइस पर एरर आ गया है
मेरे लिए इस समस्या को हल करने के लिए डिवाइस पर एप्लिकेशन की स्थापना रद्द करें फिर प्रतिक्रिया-देशी रन-एंड्रॉइड के माध्यम से एप्लिकेशन को पुनर्स्थापित करें
इसके बाद यह मुद्दा दूर हो गया

Btw मैं underlineColorAndroid प्रॉप्स का उपयोग नहीं करता हूं, इसलिए यह जो भी मैं सेट करता हूं या उस प्रॉप्स के लिए किसी भी मूल्य को परेशान नहीं करता हूं

यह बेतरतीब ढंग से होता है जब आप एक scrollview के अंदर कुछ textinputs का उपयोग करें। underlineColorAndroid हमेशा डिफ़ॉल्ट रूप से सेट होने के कारण उपयोग किया जाता है।

आज मेरे साथ भी हुआ, एक्सपो में।

यदि आप एक्सपो में हैं, तो आपको एक्सपो सर्वर, अपने ऐप और एक्सपो ऐप को पूरी तरह से बंद करना होगा। और उन्हें फिर से खोलना।

अन्यथा, त्रुटि गायब नहीं होगी।

मेरे लिए, एक्सपो में हुआ।

किसी कारण से पृष्ठभूमि में मेरे ऐप के दो उदाहरण थे। जब मैंने एंड्रॉइड स्क्वायर बटन पर क्लिक किया, जिसे "ओवरव्यू" कहा जाता है, तो मेमोरी में ऐप्स देखने के लिए, मैंने अपने ऐप के इन दो उदाहरणों को देखा .. जब मैंने उन्हें बंद किया और ऐप को फिर से चलाया, तो यह त्रुटि नहीं दिखाई दी।

इसलिए, जैसा कि लोगों ने पहले कहा था, सब कुछ बंद करें और फिर से चलाएं इसे ठीक करना चाहिए

मैंने बिना किसी परिणाम के इस त्रुटि का पता लगाने के लिए 3 घंटे बिताए, फिर मैंने अपने एंड्रॉइड एमुलेटर पर अपने ऐप को फिर से स्थापित किया और त्रुटि दूर हो गई।

यह देखने के लिए कि क्या आप अभी भी इस दुर्घटना का सामना कर रहे हैं, 0.59.4 का प्रयास करें।

@sunnylqm अभी भी

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
फोन: सैमसंग गैलेक्सी नोट 9
मॉडल: SM-N960F / DS
प्रतिक्रिया-देशी संस्करण "0.58.5"

एक अशक्त वस्तु संदर्भ पर आभासी पद्धति 'android.graphics.rectable.Drawable android.graphics.drawable.rawable $ ConstantState.newDrawable (android.content.res.Resources)' को लागू करने का प्रयास करें।
createAllFutures
DrawableContainer। जावा: 875
getOpacity
DrawableContainer। जावा: 1158
getOpacity
DrawableContainer। जावा: 433
getOpacity
InsetDrawable। जावा: 258
computeOpaqueFlags
राय। जावा: 18165
setBackgroundDrawable
राय। जावा: 23,335
बैकग्राउंड सेट
राय। जावा: 23228

राय। जावा: 5952

व्याख्यान दर्शन। जावा: 1108

लिखाई में बदलाव। जावा: 106

लिखाई में बदलाव। जावा: 102

लिखाई में बदलाव। जावा: 98

लिखाई में बदलाव। जावा: 94
setThemedContext
ReactTextInputShadowNode। जावा: 73
createView
UIImplementation। जावा: 288
createView
UIManagerModule। जावा: 449
आह्वान
Method.java
आह्वान
JavaMethodWrapper। जावा: 372
आह्वान
JavaModuleWrapper। जावा: 158
Daud
NativeRunnable.java
handleCallback
हैंडलर। जावा: 873
dispatchMessage
हैंडलर। जावा: 99
dispatchMessage
MessageQueueThreadHandler। जावा: 29
लूप
Looper। जावा: 214
Daud
MessageQueueThreadImpl। जावा: 192
Daud
थ्रेड। जावा: 764

मैं सैमसंग नोट 8, एंड्रॉइड वर्जन 9, और रिएक्ट देशी 0.57.0 पर भी यही मुद्दा रख रहा हूं

एक ही मुद्दा यहाँ। प्रतिक्रियाशील मूल निवासी 0.59.0। समस्या बस अनुप्रयोग का उपयोग करते समय बेतरतीब ढंग से प्रकट होती है। इसे प्रदर्शित करने के लिए कोई भी पैटर्न नहीं देख सका। देव मोड और उत्पादन दोनों में होता है।

यह समस्या हमारे ऐप को उत्पादन में भी दुर्घटना का कारण बना रही है। यह एक बुरा बग है, क्योंकि इसे पुन: पेश करना मुश्किल है। हमें अपने ऐप के लिए एक आशाजनक निर्धारण मिला है, और मैं कुछ समय और निराशा से दूसरों को बचाने के लिए अपने निष्कर्षों को यहां साझा करना चाहता हूं।

चश्मा और संस्करण

इस बग के कारण हमारा ऐप सैमसंग, Google और एलजी एंड्रॉइड डिवाइस पर क्रैश हो गया है। हमें निम्नलिखित 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 आइटमों में से एक पर टैप करता है तो हमारा ऐप क्रैश हो जाता है (ध्यान दें कि यह _every_ time नहीं होता है)।

इस मुद्दे को फिर से प्रस्तुत करना मुश्किल है। वास्तव में, हम ऐसा करने में असमर्थ रहे हैं। लेकिन हम जानते हैं कि हमारे 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)

समस्या का स्रोत

इस थ्रेड के माध्यम से पढ़ने और कुछ घंटे या शोध करने के बाद, मैंने ReactTextInputManager.java फ़ाइल में underlineColorAndroid प्रोप हैंडलर पाया:

@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 घटकों से अंडरलाइन को हटाने के लिए इस प्रोप को सेट करने की आवश्यकता थी। लेकिन हमारे निष्कर्षों के आधार पर, इसका प्रोप हैंडलर एक एंड्रॉइड बग को ट्रिगर करता हुआ दिखाई दिया, जिससे ऐप कभी-कभी क्रैश हो जाता है।

सौभाग्य से, एंड्रॉइड पर TextInput घटकों से अंडरलाइन को हटाने का एक और तरीका है। आप 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 प्रोप TextInput घटकों के उपयोग से बचना शामिल है।

मैं अभी तक निश्चित रूप से यह नहीं कह सकता कि यह वास्तव में काम करता है, क्योंकि मैं स्थानीय स्तर पर इस मुद्दे को पुन: पेश करने में असमर्थ रहा हूं। हम आने वाले हफ्तों में इस बदलाव को अपने ऐप में अपडेट कर देंगे। उसके बाद, हमें यह देखने के लिए थोड़ी देर इंतजार करना होगा कि क्या यह अब होता है। मैं अपने निष्कर्षों के साथ वापस रिपोर्ट करने की कोशिश करूंगा।

इस निराशाजनक मुद्दे के साथ कुश्ती में हर किसी को शुभकामनाएँ! आशा है कि ये आपकी मदद करेगा।

मुझे पता है कि इस स्थिति को कैसे पुन: पेश करना है। जैसा आपने कहा था, उस फॉर्म में वापस क्लिक करें और फिर फॉर्म में प्रवेश करने के लिए फ्लैट सूची में आइटम पर क्लिक करें। लगभग दस बार दोहराएं, और थोड़ी तेजी से, यह त्रुटि होगी। आपने मेरे कहे अनुसार त्रुटि को पुन: उत्पन्न कर सकते हैं।

@Hopding
मुझे पता है कि इस स्थिति को कैसे पुन: पेश करना है। जैसा आपने कहा था, उस फॉर्म में वापस क्लिक करें और फिर फॉर्म में प्रवेश करने के लिए फ्लैट सूची में आइटम पर क्लिक करें। लगभग दस बार दोहराएं, और थोड़ी तेजी से, यह त्रुटि होगी। आपने मेरे कहे अनुसार त्रुटि को पुन: उत्पन्न कर सकते हैं।

@Hopding
मैंने अंडरलाइनर को हटा दिया है, लेकिन मैं इसे पुन: पेश करूंगा।

@ प्रतिक्रिया-देशी-बॉट यह मुद्दा बहुत महत्वपूर्ण है

मैं आरएन 59.5 का उपयोग कर रहा हूं और यह समस्या भी है ..

एक अशक्त वस्तु संदर्भ पर आभासी पद्धति 'android.graphics.rectable.Drawable android.graphics.drawable.rawable $ ConstantState.newDrawable (android.content.res.Resources)' को लागू करने का प्रयास करें।
createAllFutures
DrawableContainer। जावा: 875
getOpacity
DrawableContainer। जावा: 1158
getOpacity
DrawableContainer। जावा: 433
getOpacity
InsetDrawable। जावा: 258
computeOpaqueFlags
राय। जावा: 16,594
setBackgroundDrawable
राय। जावा: 21,577
बैकग्राउंड सेट
राय। जावा: 21,470

राय। जावा: 5498

व्याख्यान दर्शन। जावा: 875

लिखाई में बदलाव। जावा: 88

लिखाई में बदलाव। जावा: 84

लिखाई में बदलाव। जावा: 80

लिखाई में बदलाव। जावा: 76
setThemedContext
ReactTextInputShadowNode। जावा: 76
createView
UIImplementation। जावा: 294
createView
UIManagerModule। जावा: 462
आह्वान
Method.java
आह्वान
JavaMethodWrapper। जावा: 372
आह्वान
JavaModuleWrapper। जावा: 158
Daud
NativeRunnable.java
handleCallback
हैंडलर। जावा: 873
dispatchMessage
हैंडलर। जावा: 99
dispatchMessage
MessageQueueThreadHandler। जावा: 29
लूप
Looper। जावा: 193
Daud
MessageQueueThreadImpl। जावा: 232
Daud
थ्रेड। जावा: 764

किसी को पहले से ही यह हल? मैं आरएन 52 में इस मुद्दे के साथ हूं, मैंने 56 में अपग्रेड किया लेकिन अभी भी त्रुटि है। मैंने इसे पुन: उत्पन्न करने के लिए कदम उठाने की कोशिश की, लेकिन मैं नहीं कर सकता। कुछ डिवाइस अभी भी इसे बेतरतीब ढंग से फायर कर रहे हैं।

इस मुद्दे के साथ किसी भी भाग्य?

मैं इस मुद्दे को आर.एन. 0.59.5

यह समस्या हमारे ऐप को उत्पादन में भी दुर्घटना का कारण बना रही है। यह एक बुरा बग है, क्योंकि इसे पुन: पेश करना मुश्किल है। हमें अपने ऐप के लिए एक आशाजनक निर्धारण मिला है, और मैं कुछ समय और निराशा से दूसरों को बचाने के लिए अपने निष्कर्षों को यहां साझा करना चाहता हूं।

चश्मा और संस्करण

इस बग के कारण हमारा ऐप सैमसंग, Google और एलजी एंड्रॉइड डिवाइस पर क्रैश हो गया है। हमें निम्नलिखित 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 आइटमों में से एक पर टैप करता है तो हमारा ऐप क्रैश हो जाता है (ध्यान दें कि यह _every_ time नहीं होता है)।
इस मुद्दे को फिर से प्रस्तुत करना मुश्किल है। वास्तव में, हम ऐसा करने में असमर्थ रहे हैं। लेकिन हम जानते हैं कि हमारे 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)

समस्या का स्रोत

इस थ्रेड के माध्यम से पढ़ने और कुछ घंटे या शोध करने के बाद, मैंने ReactTextInputManager.java फ़ाइल में underlineColorAndroid प्रोप हैंडलर पाया:

@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 घटकों से अंडरलाइन को हटाने के लिए इस प्रोप को सेट करने की आवश्यकता थी। लेकिन हमारे निष्कर्षों के आधार पर, इसका प्रोप हैंडलर एक एंड्रॉइड बग को ट्रिगर करता हुआ दिखाई दिया, जिससे ऐप कभी-कभी क्रैश हो जाता है।
सौभाग्य से, एंड्रॉइड पर TextInput घटकों से अंडरलाइन को हटाने का एक और तरीका है। आप 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 प्रोप TextInput घटकों के उपयोग से बचना शामिल है।
मैं अभी तक निश्चित रूप से यह नहीं कह सकता कि यह वास्तव में काम करता है, क्योंकि मैं स्थानीय स्तर पर इस मुद्दे को पुन: पेश करने में असमर्थ रहा हूं। हम आने वाले हफ्तों में इस बदलाव को अपने ऐप में अपडेट कर देंगे। उसके बाद, हमें यह देखने के लिए थोड़ी देर इंतजार करना होगा कि क्या यह अब होता है। मैं अपने निष्कर्षों के साथ वापस रिपोर्ट करने की कोशिश करूंगा।
इस निराशाजनक मुद्दे के साथ कुश्ती में हर किसी को शुभकामनाएँ! आशा है कि ये आपकी मदद करेगा।

मुझे पता है कि इस स्थिति को कैसे पुन: पेश करना है। जैसा आपने कहा था, उस फॉर्म में वापस क्लिक करें और फिर फॉर्म में प्रवेश करने के लिए फ्लैट सूची में आइटम पर क्लिक करें। लगभग दस बार दोहराएं, और थोड़ी तेजी से, यह त्रुटि होगी। आपने मेरे कहे अनुसार त्रुटि को पुन: उत्पन्न कर सकते हैं।

ऐसा लगता है कि यह ठीक करता है।

पुन: उत्पन्न करने की सोच रखने वालों के लिए: हमने इसे <TextInput ...> 100 <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.rawableContainer $ DrawableContainerState.createAllFutures (DrawableContainer.java:875) पर
android.graphics.drawable.rawableContainer $ DrawableContainerState.getOpacity (DrawableContainer.java:1158) पर
android.graphics.drawable.rawableContainer.getOpacity (DrawableContainer.java:433) पर
android.graphics.drawable.InsetDrawable.getOpacity (InsetDrawable.java.254)
android.view.View.computeOpaqueFlags पर (View.java:18188)
android.view.View.set.ackBackgroundDrawable पर (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 पर
com.facebook.react.uimanager.UIViewOperationQueue $ CreateViewOperation.execute (UIViewOperationQueue.java:200) पर
com।
com।
com.facebook.react.uimanager.GuardedFrameCallback.doFrame (GuardedFrameCallback.java:29) पर
com.facebook.react.modules.core.eactChoreographer $ ReactChoreographerDispatcher.doFrame (ReactChoreographer.java:166)
com.facebook.react.modules.core.ChoreographerCompat $ फ्रेमकॉलबैक $ 1.doFrame (कोरियोग्राफरCompat.java:84) पर
android.view.Choreographer $ CallbackRecord.run (कोरियोग्राफर.जावा:947)
android.view.Choreographer.doCallbacks (कोरियोग्राफर। java :761) पर
android.view.Choreographer.doFrame (कोरियोग्राफर.जावा:693) पर
android.view.Choreographer $ FrameDisplayEventReceiver.run (कोरियोग्राफर। java: 935) पर
android.os.Handler.handleCallback (हैंडलर.जवा:873) पर
android.os.Handler.dispatchMessage (Handler.java:99) पर
android.os.Looper.loop (लूपर.जवा:214) पर
android.app.ActivityThread.main पर (ActivThread.java:7045)
java.lang.reflect.Method.invoke (Method.java) पर
com.android.internal.os.untimeInit पर $ MethodAndArgsCaller.run (RuntimeInit.java:493)
com.android.internal.os.ZygoteInit.main (ZygoteInit.java:965) पर

कोई काम?

यहां एक कोड है जहां त्रुटि आरएन 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

समाधान plz।

यह मुद्दा ११ जनवरी २०१ Jan को खोला गया था और अब मई २०१ ९ है, इसे संबोधित करने वाली आधिकारिक टीम में से कोई भी क्यों नहीं है?
FYI करें, वर्कअराउंड काम नहीं कर रहे हैं।

वही यहाँ 0.59.6

घातक अपवाद: java.lang.NullPointerException: आभासी पद्धति 'android.graphics.drawable.Drawable android.graphics.drawable.Drawable $ ConstantState .newDrawable (android.content.res.Resources)' को एक अशक्त वस्तु संदर्भ में लाने का प्रयास करें।
android.graphics.drawable.rawableContainer $ DrawableContainerState.createAllFutures (DrawableContainer.java:875) पर
android.graphics.drawable.rawableContainer $ DrawableContainerState.getOpacity (DrawableContainer.java:1158) पर
android.graphics.drawable.rawableContainer.getOpacity (DrawableContainer.java:433) पर
android.graphics.drawable.InsetDrawable.getOpacity (InsetDrawable.java.254)
android.view.View.computeOpaqueFlags पर (View.java:18188)
android.view.View.set.ackBackgroundDrawable पर (View.java:23358)
android.view.View.setBackground पर (View.java:23251)
android.view.View पर
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 पर
com.facebook.react.uimanager.UIViewOperationQueue $ CreateViewOperation.execute (UIViewOperationQueue.java:200) पर
com।
com।
com.facebook.react.uimanager.GuardedFrameCallback.doFrame (GuardedFrameCallback.java:29) पर
com.facebook.react.modules.core.eactChoreographer $ ReactChoreographerDispatcher.doFrame (ReactChoreographer.java:166)
com.facebook.react.modules.core.ChoreographerCompat $ फ्रेमकॉलबैक $ 1.doFrame (कोरियोग्राफरCompat.java:84) पर
android.view.Choreographer $ CallbackRecord.run (कोरियोग्राफर.जावा:947)
android.view.Choreographer.doCallbacks (कोरियोग्राफर। java :761) पर
android.view.Choreographer.doFrame (कोरियोग्राफर.जावा:693) पर
android.view.Choreographer $ FrameDisplayEventReceiver.run (कोरियोग्राफर। java: 935) पर
android.os.Handler.handleCallback (हैंडलर.जवा:873) पर
android.os.Handler.dispatchMessage (Handler.java:99) पर
android.os.Looper.loop (लूपर.जवा:214) पर
android.app.ActivityThread.main पर (ActivThread.java:7045)
java.lang.reflect.Method.invoke (Method.java) पर
com.android.internal.os.untimeInit पर $ MethodAndArgsCaller.run (RuntimeInit.java:493)
com.android.internal.os.ZygoteInit.main (ZygoteInit.java:965) पर

@knspatel हमारा काम एक मोडल के साथ स्क्रीन को ओवरले करना था, जो संक्रमण प्रभाव को ठीक करने के लिए एक मामूली पृष्ठभूमि अस्पष्टता के साथ मूल पर एक पाठ इनपुट बॉक्स को तैनात करता था। यदि y- समन्वयन दृश्य से बाहर या दुर्गम है, तो टेक्स्ट इनपुट बॉक्स कीबोर्ड के ठीक ऊपर बैठता है।

मुझे पुनर्कथन दें:
मुख्य बिंदु कहीं भी किसी भी मूल्य को रेखांकित करने के लिए सेट नहीं है । लेकिन चूँकि 0.57 underlineColorAndroid डिफ़ॉल्ट रूप से सेट होता है , इसलिए आपको पैच-पैकेज जैसे कुछ पैच टूल के माध्यम से मैन्युअल रूप से इस लाइन को हटाना
और अगर आप अभी भी अंडरलाइन को अदृश्य बनाना चाहते हैं, तो आपको इसे कुछ xml कॉन्फ़िगरेशन में सेट करने की आवश्यकता है।

और यहाँ कुछ जानकारी मुझे अब तक मिली है:
एक चीनी ब्लॉग (यदि आप पढ़ नहीं सकते हैं तो Google अनुवाद का प्रयास कर सकते हैं) ने इस एक बहुत ही समान मुद्दे का उल्लेख किया। इसने कहा कि getConstantState कार्यान्वयन के बिना कुछ कस्टम ड्रॉबल क्लास कुछ परिदृश्य में दुर्घटना का कारण बन सकते हैं।

मैंने पाया कि कभी-कभी textinput (ReactEditText) को फिर से बनाया जाएगा (अधिक textinputs अधिक संभावनाएं, पुनर्नवीनीकरण की तरह?), और यह setBackground फिर से होगा, जो तब मिला https:// oithubub-aosp-mirror ConstantState शून्य है।

एकमात्र कस्टम ड्रा करने योग्य वर्ग जो मैंने पाया, ReactViewBackgroundDrawable और इसने getConstantState लागू नहीं किया जो कि डिफ़ॉल्ट रूप से अशक्त हो जाएगा।
मैंने कुछ खाली वर्ग के साथ इसे ओवरराइड करने की कोशिश की और इससे कुछ फर्क पड़ सकता है (दूसरों के उभरने के दौरान यह दुर्घटना दूर हो जाती है)।

आशा है कि यह किसी को अधिक खुदाई करने में मदद कर सकता है।

मैंने पाया कि मैन्युअल परीक्षण बहुत हिट और मिस होने वाला है, इसलिए मैंने कुछ ऐसे परिदृश्यों का स्वचालित रूप से परीक्षण करने के लिए एक घटक लिखा, जिन्हें लोग ऊपर बता रहे हैं। आपको नीचे घटक मिलेगा। आपको बस अपना काम करने के लिए इसे कहीं न कहीं रेंडर करना होगा।

ऐसा करते हुए मैंने पाया कि आपको केवल स्टाइल में AppTheme में निम्नलिखित जोड़ने की आवश्यकता है।
<item name="android:editTextBackground"><strong i="7">@android</strong>:color/transparent</item>

कुछ और की आवश्यकता नहीं थी, और underlineColorAndroid से बचने के लिए _no need_ था, इसलिए यह कोई फर्क नहीं पड़ता था कि React Native अब इसे डिफ़ॉल्ट रूप से सेट करता है।

इस फिक्स का मुख्य नकारात्मक पहलू यह है कि आपको पैडिंग के परिणामी नुकसान की अनुमति देने के लिए अपने TextInputs को फिर से स्टाइल करना होगा, और आप वास्तविक अंडरलाइनिंग व्यवहार को भी खो देते हैं, जो कि हमारे लिए एक लाभ था क्योंकि हमने इसे हमेशा "पारदर्शी" सेट किया था IOS के अनुरूप होना। यदि आपको इसकी आवश्यकता है तो आप एक रैपर घटक बना सकते हैं जो onFocus और onBlur देखता है और अपना स्वयं का रेखांकन बनाता है।

रिएक्ट नेटिव का मेरा संस्करण 0.57.3 है

यहाँ कुछ अन्य चीजें हैं जो मुझे अपने परीक्षण घटक का उपयोग करके मिलीं:

1. मैं अपने कम-कल्पना Android टैबलेट डिवाइस पर दुर्घटना का कारण नहीं बन सकता। हालाँकि, एंड्रॉइड 7. पर चलने वाले मेरे सैमसंग एस 6 एज फोन पर पुन: पेश करना काफी आसान था। मेरा अनुमान है कि एक दौड़ की स्थिति है जो इसे भड़काने के लिए तेज़ डिवाइस की आवश्यकता है।
2. पाठ इनपुट स्क्रॉल करने से कोई फर्क नहीं पड़ा, और मैं बिना स्क्रॉल किए हुए भी आसानी से समस्या को पुन: उत्पन्न कर सकता था।
3. पाठ दर्ज करना आवश्यक नहीं था। बस ध्यान बदलने से दुर्घटना का कारण बनने के लिए पर्याप्त था।
4. इससे कोई फ़र्क नहीं पड़ा कि आपने किस रंग को अंडरलाइन सेट किया, यहाँ तक कि undefined ने भी दुर्घटना का कारण बनाया, लेकिन आप शायद यह उम्मीद करेंगे कि चूंकि अब RN इसे "पारदर्शी" करने के लिए चूकता है
5. स्क्रीन पर केवल 10 की तुलना में 100 के साथ तेज दुर्घटना होने के साथ एक बार में दिखने वाले TextInputs की उचित संख्या होने से फर्क पड़ा।
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 : रंग / पारदर्शी शैलियों में। xml समस्या को ठीक किया।

FYI करें: हम React-Native Paper और उनके TextInput घटक का उपयोग कर रहे हैं और हम RN-Paper TextInput पर बिना किसी प्रभाव के सुरक्षित रूप से <item name="android:editTextBackground"><strong i="5">@android</strong>:color/transparent</item> सेट करने में सक्षम थे और तब से अब तक दुर्घटना का अनुभव नहीं किया है।

0.59.9 उत्पादन में देखना।

Crashlytics:

सैमसंग गैलेक्सी S7 एज
एंड्रॉइड 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 से बिल्ड फ़ोल्डर हटाएं।
Your_Project> android> app> build

इसे हटाने के बाद, react-native run-android चलाएं

ठीक काम करना चाहिए।
मेरे लिए काम किया: डी

मैंने पहले ही यह कोशिश की और अंडरलाइनर को हटा दिया। किसी और के साथ एक और समाधान?

यह समस्या हमारे ऐप को उत्पादन में भी दुर्घटना का कारण बना रही है। यह एक बुरा बग है, क्योंकि इसे पुन: पेश करना मुश्किल है। हमें अपने ऐप के लिए एक आशाजनक निर्धारण मिला है, और मैं कुछ समय और निराशा से दूसरों को बचाने के लिए अपने निष्कर्षों को यहां साझा करना चाहता हूं।

चश्मा और संस्करण

इस बग के कारण हमारा ऐप सैमसंग, Google और एलजी एंड्रॉइड डिवाइस पर क्रैश हो गया है। हमें निम्नलिखित 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 आइटमों में से एक पर टैप करता है तो हमारा ऐप क्रैश हो जाता है (ध्यान दें कि यह _every_ time नहीं होता है)।
इस मुद्दे को फिर से प्रस्तुत करना मुश्किल है। वास्तव में, हम ऐसा करने में असमर्थ रहे हैं। लेकिन हम जानते हैं कि हमारे 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)

समस्या का स्रोत

इस थ्रेड के माध्यम से पढ़ने और कुछ घंटे या शोध करने के बाद, मैंने ReactTextInputManager.java फ़ाइल में underlineColorAndroid प्रोप हैंडलर पाया:

@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 घटकों से अंडरलाइन को हटाने के लिए इस प्रोप को सेट करने की आवश्यकता थी। लेकिन हमारे निष्कर्षों के आधार पर, इसका प्रोप हैंडलर एक एंड्रॉइड बग को ट्रिगर करता हुआ दिखाई दिया, जिससे ऐप कभी-कभी क्रैश हो जाता है।
सौभाग्य से, एंड्रॉइड पर TextInput घटकों से अंडरलाइन को हटाने का एक और तरीका है। आप 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 प्रोप TextInput घटकों के उपयोग से बचना शामिल है।
मैं अभी तक निश्चित रूप से यह नहीं कह सकता कि यह वास्तव में काम करता है, क्योंकि मैं स्थानीय स्तर पर इस मुद्दे को पुन: पेश करने में असमर्थ रहा हूं। हम आने वाले हफ्तों में इस बदलाव को अपने ऐप में अपडेट कर देंगे। उसके बाद, हमें यह देखने के लिए थोड़ी देर इंतजार करना होगा कि क्या यह अब होता है। मैं अपने निष्कर्षों के साथ वापस रिपोर्ट करने की कोशिश करूंगा।
इस निराशाजनक मुद्दे के साथ कुश्ती में हर किसी को शुभकामनाएँ! आशा है कि ये आपकी मदद करेगा।

मुझे पता है कि इस स्थिति को कैसे पुन: पेश करना है। जैसा आपने कहा था, उस फॉर्म में वापस क्लिक करें और फिर फॉर्म में प्रवेश करने के लिए फ्लैट सूची में आइटम पर क्लिक करें। लगभग दस बार दोहराएं, और थोड़ी तेजी से, यह त्रुटि होगी। आपने मेरे कहे अनुसार त्रुटि को पुन: उत्पन्न कर सकते हैं।

मैं क्या कर सकता हूँ? im इस मुद्दे का भी सामना कर रहा हूँ!

मुझे भी। उत्पादन में इसका सामना करना

@ jake41 मैंने इसे पुनः आरंभ करने का प्रयास किया और इसने काम किया, क्या

@agrass मैं आपके तरीके की कोशिश करूंगा। उम्मीद तो दिखती है।
लेकिन, मेरा ऐप इस कारण से बहुत कम दुर्घटनाग्रस्त होता है। क्या यह समस्या हर बार ऐप को क्रैश बनाती है? या कभी-कभी?
हमारे ऐप का DAU लगभग 8k है, और यह दिन में एक बार होता है। इसलिए, यह नगण्य है, लेकिन मैं दुर्घटना को ठीक करने की उम्मीद करता हूं।

किसी को भी इसके लिए एक उचित काम करने का निर्धारण मिला? यह बहुत कम ही होता है और केवल उस घटक में होता है जहां एक पाठ क्षेत्र होता है।

यह समस्या अभी भी रिएक्ट नेटिव 0.60 के साथ बनी हुई है

प्रतिक्रिया मूल: 0.59.8
Android: 8.1.0
डिवाइस: रेडमी 5 प्लस

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
डिवाइस: पिक्सेल 2
Android: 9.0

यदि यह एक फॉर्म स्क्रीन है, तो आप इनपुट में मूल्यों को परिभाषित करने की प्रतीक्षा कर सकते हैं, यह मेरे लिए काम करता है।

मुझे एक उपाय मिला। यकीन नहीं होता है कि यह एक दीर्घकालिक है, लेकिन यह आप लोगों को तब तक काम करने देगा जब तक कि कोई स्थायी समाधान नहीं मिल जाता।
बस अपना कैश साफ़ करें: npm start - --reset-cache
और प्रोजेक्ट को पुनरारंभ करें।
इसने मेरे लिए काम किया।
FYI करें, Ididn't मेरे प्रोजेक्ट को अभी तक खारिज नहीं किया है।
मेरी निर्भरता:

"भक्ति"
"@ प्रकार / प्रतिक्रिया": "^ 16.8.23",
"@ प्रकार / प्रतिक्रिया-मूलनिवासी": "^ 0.57.65"
"बेबल-प्रीसेट-एक्सपो": "^ 6.0.0",
"टाइपस्क्रिप्ट": "^ 3.4.5"
},

एक्सपोइट (एसडीके 34) उपयोगकर्ता का वजन यहां है। मैं इस मुद्दे को ExpoKit के सभी संस्करणों पर ले चुका हूं, जिसमें नवीनतम भी शामिल है। मैंने इन सुधारों को लागू करने की कोशिश की है, कुछ संशोधनों के साथ, और, अब तक, बहुत अच्छा।

शैली परिवर्तन थोड़ा अलग हो रहा है @Hopding का - मूल रूप से विपरीत मेरे लिए काम कर रहा है। मैंने शैलियों के रूप में ExponentEditText शैली को परिवर्तित किया। जैसे:

<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 टेक्स्टइन्पुट को एक सेक्शनिस्ट में जोड़ा। मैं कहता हूं कि यह पहली कोशिश में 60% समय, दूसरे द्वारा 90% और तीसरे में 100% मेरे अनुभव से शुरू होता है। मेरे द्वारा बदलाव किए जाने के बाद बिना किसी त्रुटि के इसे कम से कम 10 बार करने की कोशिश की।

यहाँ एक ही मुद्दा है
आरएन: 0.55.4
डिवाइस: एमआई 8 लाइट
Android: 8.1.0

java.lang.NullPointerException: आभासी पद्धति 'android.graphics.drawable.Drawable android.graphics.rectable.Drawable $ ConstantState.newDrawable (android.content.res.Resource)' को एक अशक्त ऑब्जेक्ट संदर्भ पर लागू करने का प्रयास करें।
android.graphics.drawable.rawableContainer $ DrawableContainerState.createAllFutures (DrawableContainer.java:875) पर
android.graphics.drawable.rawableContainer $ DrawableContainerState.getOpacity (DrawableContainer.java:1158) पर
android.graphics.drawable.rawableContainer.getOpacity (DrawableContainer.java:433) पर
android.graphics.drawable.InsetDrawable.getOpacity (InsetDrawable.java.254)
android.view.View.computeOpaqueFlags पर (View.java:15748)
android.view.View.set.ackBackgroundDrawable पर (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 (हैंडलर.जावा: 790) पर
android.os.Handler.dispatchMessage (Handler.java:99) पर
com.facebook.react.bridge.queue.essageQueueThreadHandler.dispatchMessage (MessageQueueThreadHandler.java:29)
android.os.Looper.loop (Looper.java:164) पर
com.facebook.react.bridge.queue.essageQueueThreadImpl $ 3.run (MessageQueueThreadImpl.java:192)
java.lang.Thread.run (Thread.java:764) पर

घातक अपवाद: java.lang.NullPointerException
एक अशक्त वस्तु संदर्भ पर आभासी पद्धति 'android.graphics.rectable.Drawable android.graphics.drawable.rawable $ ConstantState.newDrawable (android.content.res.Resources)' को लागू करने का प्रयास करें।

विवो 1804
Android संस्करण: 9

मेरे लिए हो रहा है। हालांकि एंड्रॉइड 9 पर चलने वाला रिएक्ट नेटिव संस्करण 0.60.4 है। बहुत ही रुक-रुक कर, हालांकि।

मेरे लिए हो रहा है। हालांकि एंड्रॉइड 9 पर चलने वाला रिएक्ट नेटिव संस्करण 0.60.4 है। बहुत ही रुक-रुक कर, हालांकि।

मेरे साथ भी ...

यहां भी, एंड्रॉइड 9 पर रिएक्ट नेटिव 0.60.4

मैं एक्सपो के साथ रिएक्ट नेटिव का उपयोग करता हूं, और आज सुबह यह समस्या थी।
मैंने पहले इस लाइन को अपनी शैलियों में डालने की कोशिश की। इस तरह से 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 the problem _is_ रुक-रुक कर ताकि आप ऊपर दिए गए मेरी टिप्पणी में दिए गए ड्रॉप-इन घटक को पुन: उत्पन्न करने की कोशिश कर सकें। यह टिप्पणी समस्या का विश्लेषण और एक समाधान भी प्रदान करती है जो मेरे और कई अन्य लोगों के लिए काम करती है।

@wxjer मैं सेटिंग पर स्पष्ट एप्लिकेशन डेटा की कोशिश

यहाँ भी, एंड्रॉइड 9 और एंड्रॉइड 8 पर रिएक्ट नेटिव 0.60.4

कोई भी समाधान?

मामले में किसी को भी Android डिबगिंग के लिए एक अच्छी नज़र है यहाँ हमारी संतरी त्रुटि है जो अभी रिपोर्ट की गई है।

प्रतिक्रिया-देशी 0.60.4

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

यहां भी, एंड्रॉइड 9 पर रिएक्ट नेटिव 0.60.5

नमस्कार! हमने अपने TextInput से अंडरलाइनर कगार की संपत्ति को हटाकर इसे हल किया और इस लाइन को स्टाइल में जोड़ें।

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

क्या यह एक बग रिपोर्ट है?

हाँ

क्या आपने योगदान करने वाले दिशानिर्देश पढ़े हैं?

हाँ, मुझे खेद है कि मैं इस स्टैक ट्रेस को छोड़कर इस अपवाद के बारे में अधिक जानकारी नहीं दे सकता क्योंकि क्रैश रिपोर्ट Google एनालिटिक्स से एकत्र की गई थी, मुझे इस अपवाद को फिर से प्रकट करने का कोई विचार नहीं है।

वातावरण

वातावरण:
OS: macOS सिएरा 10.12.6
नोड: 8.4.0
सूत: 0.27.5
एनपीएम: 5.4.0
एंड्रॉइड स्टूडियो: 3.0

पैकेज: (वांछित => स्थापित)
प्रतिक्रिया-मूल: 0.51.0 => 0.51.0
प्रतिक्रिया: 16.0.0-अल्फा.12 => 16.0.0-अल्फा.12

लक्ष्य प्लेटफ़ॉर्म: Android (7.1.1)
मोबाइल: MIX 2
एंड्रॉयड: 7.1.1
java.lang.NullPointerException:
लुभावने आभासी तरीके 'android.graphics.drawable.rawable android.graphics.drawable.rawable $ ConstantState.newDrawable (android.content.res.Resources)' को एक अशक्त संदर्भ पर देखें
android.graphics.drawable.rawableContainer $ DrawableContainerState.getChild (DrawableContainer.java:888)
android.graphics.drawable.rawableContainer.selectDrawable (DrawableContainer.java:466)
android.graphics.drawable.tateListDrawable.onStateChange (StateListDrawable.java:104)
android.graphics.drawable.rawable.setState (Drawable.java:735) पर
android.graphics.drawable.rawableWrapper.onStateChange (DrawableWrapper.java:333) पर
android.graphics.drawable.rawable.setState (Drawable.java:735) पर
android.graphics.drawable.ayerDrawable.onStateChange (LayerDrawable.java@88888 पर)
android.graphics.drawable.rawable.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 मुझे भी

आरएन 0.60.5, हाल ही में एंड्रॉइड 8/9 पर (संभवतः 10 भी, बड़े पैमाने पर अभी तक परीक्षण नहीं किया है) इस दुर्घटना में भागना शुरू कर दिया।

https://github.com/facebook/react-native/issues/17530#issuecomment -504044357 मेरे लिए ट्रिक करने लगता है। आमतौर पर, क्रैश पहले ~ 5 पुनरावृत्तियों के भीतर मौजूद होता है, जो परीक्षण घटक के माध्यम से जाता है। इससे पहले कि मैं इसे रोकने के लिए एक दुर्घटना के बिना उस एक पंक्ति को जोड़ने के बाद ~ 200 पुनरावृत्तियों के लिए भाग गया।

संपादित करें: परीक्षण घटक का उपयोग करते हुए, मैं एंड्रॉइड 6 पर भी इसे मज़बूती से पुन: पेश करने में सक्षम हूं, हालांकि फिर से सुझाए गए फ़िक्सेस समस्या को हल करने के लिए लगता है।

आरएन 0.61 पर यहां

HI दोस्तों, @diegotsi समाधान ने मेरे लिए काम किया। मैंने उसके समाधान का उपयोग करने के बाद से दुर्घटना को कभी नहीं देखा

यह समस्या अभी भी मौजूद है और इसने मेरे ऐप को तोड़ दिया - मेरे द्वारा एक भ्रूण कॉल को जोड़ने से सब कुछ ठीक चल रहा था और अब भी जब मैं टिप्पणी करता हूं तो मुझे लगता है कि मुझे ऐप फिर से चल रहा है: रो: मैं एक्सपो btw का उपयोग कर रहा हूं

संपादित करें: मैंने अपने डिवाइस पर एक्सपो ऐप को फिर से इंस्टॉल करके एक्सपो के लिए अपनी समस्या को ठीक किया

इस त्रुटि के रूप में अच्छी तरह से भाग गया (आरएन: 0.61.1, एंड्रॉइड 10 एपी 29)। 'npm start --reset-cache' ठीक करने के लिए दिखाई दिया।

@johnbowdenatfacet आप फिक्स की पुष्टि करने के लिए ऊपर दिए गए मेरी टिप्पणी में प्रदान किए गए ड्रॉप-इन टेस्ट घटक की कोशिश कर सकते हैं।

वही मुद्दा।

प्रतिक्रिया-देशी 0.59.10
एंड्रॉयड

java.lang.NullPointerException: आभासी पद्धति 'android.graphics.drawable.Drawable android.graphics.rectable.Drawable $ ConstantState.newDrawable (android.content.res.Resource)' को एक अशक्त ऑब्जेक्ट संदर्भ पर लागू करने का प्रयास करें।
android.graphics.drawable.rawableContainer $ DrawableContainerState.createAllFutures (DrawableContainer.java:875) पर
android.graphics.drawable.rawableContainer $ DrawableContainerState.getOpacity (DrawableContainer.java:1158) पर
android.graphics.drawable.rawableContainer.getOpacity (DrawableContainer.java:433) पर
android.graphics.drawable.InsetDrawable.getOpacity (InsetDrawable.java.254)

वही मुद्दा।

नमस्कार! हमने अपने TextInput से अंडरलाइनर कगार की संपत्ति को हटाकर इसे हल किया और इस लाइन को स्टाइल में जोड़ें।

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

मेरी समस्या का समाधान किया, बहुत-बहुत धन्यवाद।

मैं बस (प्रतिक्रिया-मूल रन-एंड्रॉइड) चला, जिसने मेरे साथ समस्या को हल किया

0.61.3 पर एक ही मुद्दा

मैं अभी भी इस मुद्दे का सामना कर रहा हूं। हमारे पास कुछ उपयोगकर्ता हैं जो एंड्रॉइड ऐप क्रैश की रिपोर्ट करते हैं, लेकिन यह इतने बेतरतीब ढंग से होता है कि मैं पुन: पेश नहीं कर सकता।

+1, मेरे लिए भी खुश

@pedrosimao आप ऊपर दिए गए मेरे कमेंट में दिए गए ड्रॉप-इन टेस्ट कंपोनेंट को आज़माना चाह सकते हैं, जो कि दोष को मज़बूती से कम कर सकते हैं। यह टिप्पणी भी समस्या के समाधान की ओर इशारा करती है।

मैंने अपने लिए इनपुट में समस्या को कम कर दिया है जो कि मूल आधार से आयात की जाती है।

अपडेट किया गया:
मैंने अपने पीसी और फोन को फिर से शुरू किया और फिर से चलाया, यह आकर्षण की तरह काम किया :)

मेरे पास भी यही था। मैंने expo r -c माध्यम से एक्सपो को फिर से चलाकर इस मुद्दे को हल किया है

आरएन 0.59.10 के लिए एक ही मुद्दे की रिपोर्टिंग

मैंने पाया कि मैन्युअल परीक्षण बहुत हिट और मिस होने वाला है, इसलिए मैंने कुछ ऐसे परिदृश्यों का स्वचालित रूप से परीक्षण करने के लिए एक घटक लिखा, जिन्हें लोग ऊपर बता रहे हैं। आपको नीचे घटक मिलेगा। आपको बस अपना काम करने के लिए इसे कहीं न कहीं रेंडर करना होगा।

ऐसा करते हुए मैंने पाया कि आपको केवल स्टाइल में AppTheme में निम्नलिखित जोड़ने की आवश्यकता है।
<item name="android:editTextBackground"><strong i="8">@android</strong>:color/transparent</item>

कुछ और की आवश्यकता नहीं थी, और underlineColorAndroid से बचने के लिए _no need_ था, इसलिए यह कोई फर्क नहीं पड़ता था कि React Native अब इसे डिफ़ॉल्ट रूप से सेट करता है।

इस फिक्स का मुख्य नकारात्मक पहलू यह है कि आपको पैडिंग के परिणामी नुकसान की अनुमति देने के लिए अपने TextInputs को फिर से स्टाइल करना होगा, और आप वास्तविक अंडरलाइनिंग व्यवहार को भी खो देते हैं, जो कि हमारे लिए एक लाभ था क्योंकि हमने इसे हमेशा "पारदर्शी" सेट किया था IOS के अनुरूप होना। यदि आपको इसकी आवश्यकता है तो आप एक रैपर घटक बना सकते हैं जो onFocus और onBlur देखता है और अपना स्वयं का रेखांकन बनाता है।

रिएक्ट नेटिव का मेरा संस्करण 0.57.3 है

यहाँ कुछ अन्य चीजें हैं जो मुझे अपने परीक्षण घटक का उपयोग करके मिलीं:

1. मैं अपने कम-कल्पना Android टैबलेट डिवाइस पर दुर्घटना का कारण नहीं बन सकता। हालाँकि, एंड्रॉइड 7. पर चलने वाले मेरे सैमसंग एस 6 एज फोन पर पुन: पेश करना काफी आसान था। मेरा अनुमान है कि एक दौड़ की स्थिति है जो इसे भड़काने के लिए तेज़ डिवाइस की आवश्यकता है।
2. पाठ इनपुट स्क्रॉल करने से कोई फर्क नहीं पड़ा, और मैं बिना स्क्रॉल किए हुए भी आसानी से समस्या को पुन: उत्पन्न कर सकता था।
3. पाठ दर्ज करना आवश्यक नहीं था। बस ध्यान बदलने से दुर्घटना का कारण बनने के लिए पर्याप्त था।
4. इससे कोई फ़र्क नहीं पड़ा कि आपने किस रंग को अंडरलाइन सेट किया, यहाँ तक कि undefined ने भी दुर्घटना का कारण बनाया, लेकिन आप शायद यह उम्मीद करेंगे कि चूंकि अब RN इसे "पारदर्शी" करने के लिए चूकता है
5. स्क्रीन पर केवल 10 की तुलना में 100 के साथ तेज दुर्घटना होने के साथ एक बार में दिखने वाले TextInputs की उचित संख्या होने से फर्क पड़ा।
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 की कोशिश करने के लिए धन्यवाद।

मुझे याद नहीं आ रहा है कि क्या कीबोर्ड को इस परीक्षण के लिए उपस्थित होने की आवश्यकता है, हालांकि मैं यह उम्मीद करूंगा कि जब पाठ इनपुट फोकस्ड हो तो यह दिखाई दे। क्या आप एक वास्तविक उपकरण या एक एमुलेटर का उपयोग कर रहे हैं?

क्या आप टेक्स्ट इनपुट में दिखाई देने वाले कर्सर को देख सकते हैं क्योंकि वे फोकस्ड थे, और क्या घटक आपके लिए क्रैश को पुन: उत्पन्न करने में सक्षम था?

यह वही

एंड्रॉइड फोन की विविधता पर प्रतिक्रिया 0.59 में होती है।

साथ घटकों में बेतरतीब ढंग से होता है TextInput भीतर नेस्ट Flatlist

इस धागे में चर्चा के अनुसार underlineColorAndroid={null} atrribute को TextInput सेट करने की कोशिश की गई, लेकिन त्रुटि सामने आई

मुझे अपना फ़ोन पुनः आरंभ करना था और इसे ठीक करने के लिए EXPO को पुन: स्थापित करना था। अगर वह आपके लिए काम नहीं करेगा, तो मैं आपके कैश और EXPO APP के कैश को क्लियर करने की कोशिश करूंगा।

कोई विचार नहीं मिला कि कैसे पहली जगह में त्रुटि हुई। मैं इसे दोबारा नहीं बना सका और न ही यह पता लगा सका कि इसे दोबारा होने से कैसे रोका जाए।
यह अभी शुरू हुआ और मेरे कोड में जो भी बदलाव आया, वह इसे ठीक नहीं करता। यह वास्तव में EXPO APP के साथ समस्या है क्योंकि मैं APP में ERROR देखता हूं लेकिन मेरे कंसोल या किसी अन्य स्थान पर नहीं।

+1 त्रुटि अभी भी RN 0.59.9 में मौजूद है। फायरबेस से दुर्घटनाग्रस्त होने की सूचना दी

आरएन 0.61 पर यह त्रुटि पाने वाला पहला व्यक्ति?

RN 0.61 में समान त्रुटि होने पर, @diegotsi के समाधान ने इसे ठीक कर दिया।
यह एक गंभीर समस्या है, जैसा कि यह पहली बार पूर्व-उत्पादन वातावरण में मेरे साथ हुआ था, और मैं इसे कभी भी दुर्घटनाग्रस्त होने के बिना पता लगाने में सक्षम नहीं हो सकता था, क्योंकि अनिश्चित व्यवहार के कारण इसे पुन: पेश करना मुश्किल हो जाता है।

क्या यह एक बग रिपोर्ट है?

हाँ

क्या आपने योगदान करने वाले दिशानिर्देश पढ़े हैं?

हाँ, मुझे खेद है कि मैं इस स्टैक ट्रेस को छोड़कर इस अपवाद के बारे में अधिक जानकारी नहीं दे सकता क्योंकि क्रैश रिपोर्ट Google एनालिटिक्स से एकत्र की गई थी, मुझे इस अपवाद को फिर से प्रकट करने का कोई विचार नहीं है।

वातावरण

वातावरण:
OS: macOS सिएरा 10.12.6
नोड: 8.4.0
सूत: 0.27.5
एनपीएम: 5.4.0
एंड्रॉइड स्टूडियो: 3.0

पैकेज: (वांछित => स्थापित)
प्रतिक्रिया-मूल: 0.51.0 => 0.51.0
प्रतिक्रिया: 16.0.0-अल्फा.12 => 16.0.0-अल्फा.12

लक्ष्य प्लेटफ़ॉर्म: Android (7.1.1)
मोबाइल: MIX 2
एंड्रॉयड: 7.1.1
java.lang.NullPointerException:
लुभावने आभासी तरीके 'android.graphics.drawable.rawable android.graphics.drawable.rawable $ ConstantState.newDrawable (android.content.res.Resources)' को एक अशक्त संदर्भ पर देखें
android.graphics.drawable.rawableContainer $ DrawableContainerState.getChild (DrawableContainer.java:888)
android.graphics.drawable.rawableContainer.selectDrawable (DrawableContainer.java:466)
android.graphics.drawable.tateListDrawable.onStateChange (StateListDrawable.java:104)
android.graphics.drawable.rawable.setState (Drawable.java:735) पर
android.graphics.drawable.rawableWrapper.onStateChange (DrawableWrapper.java:333) पर
android.graphics.drawable.rawable.setState (Drawable.java:735) पर
android.graphics.drawable.ayerDrawable.onStateChange (LayerDrawable.java@88888 पर)
android.graphics.drawable.rawable.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 एनालिटिक्स से एकत्र की गई थी, मुझे इस अपवाद को फिर से प्रकट करने का कोई विचार नहीं है।

वातावरण

वातावरण:
OS: macOS सिएरा 10.12.6
नोड: 8.4.0
सूत: 0.27.5
एनपीएम: 5.4.0
एंड्रॉइड स्टूडियो: 3.0

पैकेज: (वांछित => स्थापित)
प्रतिक्रिया-मूल: 0.51.0 => 0.51.0
प्रतिक्रिया: 16.0.0-अल्फा.12 => 16.0.0-अल्फा.12

लक्ष्य प्लेटफ़ॉर्म: Android (7.1.1)
मोबाइल: MIX 2
एंड्रॉयड: 7.1.1
java.lang.NullPointerException:
लुभावने आभासी तरीके 'android.graphics.drawable.rawable android.graphics.drawable.rawable $ ConstantState.newDrawable (android.content.res.Resources)' को एक अशक्त संदर्भ पर देखें
android.graphics.drawable.rawableContainer $ DrawableContainerState.getChild (DrawableContainer.java:888)
android.graphics.drawable.rawableContainer.selectDrawable (DrawableContainer.java:466)
android.graphics.drawable.tateListDrawable.onStateChange (StateListDrawable.java:104)
android.graphics.drawable.rawable.setState (Drawable.java:735) पर
android.graphics.drawable.rawableWrapper.onStateChange (DrawableWrapper.java:333) पर
android.graphics.drawable.rawable.setState (Drawable.java:735) पर
android.graphics.drawable.ayerDrawable.onStateChange (LayerDrawable.java@88888 पर)
android.graphics.drawable.rawable.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)

ऐसा तब होता है जब मैं शैली में कुछ बदल रहा हूं जैसे जस्टिफ़ॉन्ट को हटाना या इस तरह से धब्बा लगाना और अस्थायी रूप से ऐप के काम को फिर से शुरू करना।

@cinocai, @Sargnec एट अल, इस टिप्पणी धागा इतने लंबे समय मुझे लगता है कि लोगों को परीक्षण के घटक मैं पोस्ट याद कर रहे हैं हो रही है इसके बाद के संस्करण

ऊपर के कई लोगों ने इसका उपयोग इस समस्या को सफलतापूर्वक दोहराने के लिए किया है, और समाधान को सत्यापित किया है, जिसका उल्लेख उस टिप्पणी में भी किया गया है।

@ ग्लेन-एक्सिस: परीक्षण घटक के साथ महान काम, इस मुद्दे को बेहतर ढंग से समझने में बहुत मददगार था।
लेकिन मैं इसका समाधान खोजने के लिए संघर्ष कर रहा हूं।

जैसा कि आपने displayForMs: 0 सेट करने का सुझाव दिया है, यह क्रैश नहीं होता है। अगर मैं गलत नहीं हूं, तो ऐसा करके, 100 TextInputs को कभी भी अनमाउंट (केवल अपडेट) नहीं करना चाहिए, कोई नया भी नहीं।

मैंने displayForMs: 3000 स्वयं सेट करने का प्रयास किया और 2 अन्य परिवर्तन किए, जिससे प्रत्येक सेट राज्य पर सभी 100 माउंटेड (केवल अद्यतन) रहे।

परिवर्तन

• const key = this.state.startKey + i + ""; --- - कास्ट की = ${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) माउंट किया।
और यह उम्मीद के मुताबिक क्रैश नहीं करता है।

अंत में यह सुनिश्चित करने के लिए कि क्या यह वास्तव में रीमाउंटिंग (बड़ी संख्या में TextInputs) है जो समस्या का कारण बनता है। मैंने उस ऐप में इसे पुन: पेश करने की कोशिश की, जिस पर मैं काम कर रहा हूं, जिसमें दुर्घटना की सूचना मिली थी।

एप्लिकेशन में 2 स्क्रीन हैं, जिनमें से 2 में TextInputs और 4 के साथ दूसरा है, मैं स्क्रीन को आगे और पीछे नेविगेट करता रहा, जो निश्चित रूप से पूरी स्क्रीन सामग्री को याद रखता है, और आखिरकार थोड़ी देर के बाद मैं दुर्घटनाग्रस्त होने में सक्षम था।

इसके साथ मैं अनुमान लगा सकता हूं कि TextInput unmount नहीं देना एक व्यवहार्य समाधान नहीं है। लेकिन अभी भी पता नहीं क्या वास्तव में इस कारण!

ध्यान दें

• मुझे नहीं लगता कि यह underlineColorAndroid संपत्ति से संबंधित है, क्योंकि मैंने <item name="android:editTextBackground"><strong i="18">@android</strong>:color/transparent</item> साथ इसे ओवरराइड करने की कोशिश की है, और कोई अंतर नहीं है। [संपादित: यह वास्तव में अब के लिए समस्या को हल करता है]
• इसके अलावा मैं ScrollView का उपयोग किए बिना दुर्घटनाग्रस्त होने में सक्षम था।
• और TextInput केंद्रित करना भी दुर्घटनाग्रस्त होने के लिए आवश्यक नहीं था, बस उन 100 TextInputs को हटाने के परिणामस्वरूप दुर्घटना हुई।

धन्यवाद!

@rimzici हाँ यह सच है। क्रैश एक एडिटटेक्स्ट के रीमाउंटिंग / इंस्टेंटिमिटिंग से संबंधित है कभी-कभी बैकग्राउंड ड्रॉबल्स शून्य होते हैं। लेकिन अजीब तरह से, जब आप <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 और @ ग्लेन-एक्ससी! आप सही हैं, <item name="android:editTextBackground"><strong i="6">@android</strong>:color/transparent</item> करना वास्तव में ठीक करता है।

मैं भूल गया कि जेएस लोड करते समय सफेद स्क्रीन को कवर करने के लिए मैंने अपनी मुख्य गतिविधि पर एक स्प्लैश थीम सेट की थी।

अब मैं पुष्टि कर सकता हूं कि दुर्घटना को रोकने के लिए आसपास का काम प्रभावी है।

किसी भी अधिक जानकारी के साथ अद्यतन करेगा।

प्रतिक्रिया-देशी 0.61.5 <- यहाँ भी है!

प्रतिक्रिया-देशी 0.62.0.rc-1 <- यहाँ भी है!

[email protected] पर समान त्रुटि

संतरी द्वारा पकड़ी गई एक ही त्रुटि की कई घटनाएं: https://sentry.io/share/issue/ac1e7c55f1594b118f0faaf8d11de5c4/

आरएन 0.59.9 पर

RN 0.55.4 पर समान त्रुटि

RN 2.0.1 पर समान अंक

किसी भी TextInput के लिए 'underlineColorAndroid' सहारा सेट नहीं करते हैं और मूल शैलियों द्वारा सभी पाठ इनपुट पृष्ठभूमि को हटा दें।

goto android \ app \ src \ main \ res \ मान \ style.xml

नीचे की तरह परिवर्तन करें:

आरएन 0.61.5 पर भी

मैंने पाया कि मैन्युअल परीक्षण बहुत हिट और मिस होने वाला है, इसलिए मैंने कुछ ऐसे परिदृश्यों का स्वचालित रूप से परीक्षण करने के लिए एक घटक लिखा, जिन्हें लोग ऊपर बता रहे हैं। आपको नीचे घटक मिलेगा। आपको बस अपना काम करने के लिए इसे कहीं न कहीं रेंडर करना होगा।

ऐसा करते हुए मैंने पाया कि आपको केवल स्टाइल में AppTheme में निम्नलिखित जोड़ने की आवश्यकता है।
<item name="android:editTextBackground"><strong i="8">@android</strong>:color/transparent</item>

कुछ और की आवश्यकता नहीं थी, और underlineColorAndroid से बचने के लिए _no need_ था, इसलिए यह कोई फर्क नहीं पड़ता था कि React Native अब इसे डिफ़ॉल्ट रूप से सेट करता है।

इस फिक्स का मुख्य नकारात्मक पहलू यह है कि आपको पैडिंग के परिणामी नुकसान की अनुमति देने के लिए अपने TextInputs को फिर से स्टाइल करना होगा, और आप वास्तविक अंडरलाइनिंग व्यवहार को भी खो देते हैं, जो कि हमारे लिए एक लाभ था क्योंकि हमने इसे हमेशा "पारदर्शी" सेट किया था IOS के अनुरूप होना। यदि आपको इसकी आवश्यकता है तो आप एक रैपर घटक बना सकते हैं जो onFocus और onBlur देखता है और अपना स्वयं का रेखांकन बनाता है।

रिएक्ट नेटिव का मेरा संस्करण 0.57.3 है

यहाँ कुछ अन्य चीजें हैं जो मुझे अपने परीक्षण घटक का उपयोग करके मिलीं:

1. मैं अपने कम-कल्पना Android टैबलेट डिवाइस पर दुर्घटना का कारण नहीं बन सकता। हालाँकि, एंड्रॉइड 7. पर चलने वाले मेरे सैमसंग एस 6 एज फोन पर पुन: पेश करना काफी आसान था। मेरा अनुमान है कि एक दौड़ की स्थिति है जो इसे भड़काने के लिए तेज़ डिवाइस की आवश्यकता है।
2. पाठ इनपुट स्क्रॉल करने से कोई फर्क नहीं पड़ा, और मैं बिना स्क्रॉल किए हुए भी आसानी से समस्या को पुन: उत्पन्न कर सकता था।
3. पाठ दर्ज करना आवश्यक नहीं था। बस ध्यान बदलने से दुर्घटना का कारण बनने के लिए पर्याप्त था।
4. इससे कोई फ़र्क नहीं पड़ा कि आपने किस रंग को अंडरलाइन सेट किया, यहाँ तक कि undefined ने भी दुर्घटना का कारण बनाया, लेकिन आप शायद यह उम्मीद करेंगे कि चूंकि अब RN इसे "पारदर्शी" करने के लिए चूकता है
5. स्क्रीन पर केवल 10 की तुलना में 100 के साथ तेज दुर्घटना होने के साथ एक बार में दिखने वाले TextInputs की उचित संख्या होने से फर्क पड़ा।
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 पर काम किया

जो लोग इसे संदर्भ में देखना चाहते हैं उनके लिए लिंक यहाँ है

शायद आप अपनी टिप्पणी में उस लिंक को जोड़ने के लिए पर्याप्त होंगे।

ठीक @ ग्लेन-axsy मेरे लिए काम किया से (किया था परीक्षण घटक 👏👏👏), लेकिन मैं जिस तरह एक और खो आत्मा मदद मिल सकती है साथ कुछ परेशानी में भाग:

मेरे AppTheme को AndroidManifest.xml फ़ाइल में अनुचित रूप से ओवरराइड किया जा रहा था, क्योंकि एक स्प्लैश-स्क्रीन गतिविधि को जोड़ते समय एक डेवलपर ने एक गलती की थी। एक बार जब मैंने तय किया और पुष्टि की कि वास्तव में AppTheme का उपयोग किया जा रहा था (उदाहरण के लिए, डिफ़ॉल्ट पाठ का रंग बदलकर और इसे ऐप में देखकर), तो फिक्स वास्तव में काम करता है।

बहुत बहुत धन्यवाद, और वहाँ शुभकामनाएँ!

यह एक्सपो का उपयोग करके मेरे साथ होता है। मैं यह कमांड चलाता हूं।
sudo expo start -c और मुद्दा चला गया है।

@ हकीमसा मेरा सुझाव है कि परीक्षण घटक का उपयोग करके यह सुनिश्चित करें कि यह वास्तव में चला गया है।

उनकी अजीब बात यह है कि कोड उस मुद्दे के बिना एक महीने के लिए काम कर रहा है। लेकिन परिवर्तनों पर कुछ दोहराए जाने के बाद, मैं कल मुद्दे में भाग गया ... वैसे भी मैं आपके सुझाव की कोशिश करूंगा @ ग्लेन-एक्सिस

मेरे मामले में यह एक फ्लैटलिस्ट के भीतर खुश था जब renderItem <TextInput /> रिटर्न देता था। इसलिए मैंने <><TextInput /></> वापस करके उस मुद्दे को हल किया

@MahmoudHemaid मुद्दा इतना कठिन है कि आप इसे वास्तव में हल नहीं कर सकते हैं। अधिक जानकारी यहाँ ।

android.graphics.drawable.rawable $ Continstate, एक अशक्त संदर्भ त्रुटि पर नया वापस मिल रहा है, जबकि मैं एक छवि पर क्लिक कर रहा हूं, जो सबसे सही कोने पर रखा गया है। और वह छवि टॉगल बटन की तरह काम कर रही थी। मैं RN 0.61.2 का उपयोग कर रहा हूं। कुछ एक कृपया इस मुद्दे को हल करने में मेरी मदद करें। यह केवल स्टैंडअलोन APK में होता है

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

ऐसा करते हुए मैंने पाया कि आपको केवल स्टाइल में AppTheme में निम्नलिखित जोड़ने की आवश्यकता है।

<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 कंस्ट्रक्टर ( डॉक्स ) को कॉल करता है

मैं जांच करता रहूंगा। धन्यवाद

हे @ ग्लेन-एक्सिस, मैं इसके लिए घंटों से संघर्ष कर रहा हूं इसलिए मुझे उम्मीद है कि आप मेरी मदद कर सकते हैं। मैं अपने Android फोन पर अपने AndroidTextInputTest का उपयोग कर रहा हूं। मैं टाइपस्क्रिप्ट के साथ रिएक्टिव नेटिव चला रहा हूं अगर वह मायने रखता है और एक्सपो के माध्यम से ऐसा कर रहा है तो इसका मतलब है कि मेरे पास कोई एडिटटेक्स्ट प्रकार का सामान नहीं है।
पैकेज में मूल निवासी। प्रतिक्रिया = "प्रतिक्रिया-मूल": "^ 0.61.4"

मैंने परम का उपयोग किया:

कॉन्स्ट परम्स = {
अंडरलाइनर्स: ["लाल", अपरिभाषित, "पारदर्शी", "आरजीबीए (0, 0, 0, 0)"], // परीक्षण करने के लिए रंग
numberOfInputs: 100, // एक समय में कितने TextInput रेंडर करने के लिए
focusIntervalMs: 200, // उनके बीच फ़ोकस को कितनी बार बदलना है
displayForMs: 3000, // उन्हें प्रदर्शित करने के लिए कब तक (अनिश्चित काल के लिए 0 पर सेट)
देरीडिस्प्लेफोरम्स: 10, // डिस्प्ले के बीच देरी कब तक होती है
withScrollView: false, // एक स्क्रॉल दृश्य का उपयोग करना है या नहीं
};

और "वर्चुअल विधि को लागू करने का प्रयास" करने से पहले मेरा आउटपुट था:

परिमों के साथ परीक्षण करना = {"अंडरलाइनर्स": ["लाल", अशक्त, "पारदर्शी", "आरजीबीए (0, 0, 0, 0)"], "नंबरऑफइनपुट्स": 100, "फ़ोकसवर्थवेल्स": 200, "डिस्प्लेफ़ॉर्मम्स": 3000, "delayDisplayForMs": 10, "withScrollView": झूठी}
कैलेण्डरविवि का परम सत्य है और राज्य सत्य है
परीक्षण रेखांकित करना = लाल करना
परीक्षण रेखांकित करना = अपरिभाषित करना
परीक्षण को रेखांकित करना = पारदर्शी
परीक्षण को रेखांकित करें = आरजीबीए (0, 0, 0, 0)
परीक्षण रेखांकित करना = लाल करना
परीक्षण रेखांकित करना = अपरिभाषित करना
परीक्षण को रेखांकित करना = पारदर्शी

तो यहाँ से मेरा सवाल यह है कि मैं दुर्घटना से पहले इन पैरामेट्स और आउटपुट का उपयोग कैसे कर सकता हूं, यह पता लगाने के लिए कि मेरे ऐप में क्या गलत है?

किसी भी मदद के लिए धन्यवाद।

@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 मैं उलझन में हूँ क्योंकि मैं प्रतिक्रिया देशी का उपयोग कर रहा हूँ, इसलिए मैं अपने कोड में कहीं भी आइटम का उपयोग नहीं करता।

मैं एक TextInput का उपयोग करता हूं जो इस तरह दिखता है:

पाठ इनपुट
रेफरी = {} कुंजी
कुंजी = {} कुंजी
प्लेसहोल्डर = {} कुंजी
underlineColorAndroid = {} underlineColor
शैली = {} styles.textInput

धन्यवाद

@ucheNkadiCode

लेकिन एक्सपो के लिए शायद आपको इस तरह की सेटिंग्स को संशोधित करने के लिए पहले बाहर निकालना होगा

@ucheNkadiCode

लेकिन एक्सपो के लिए शायद आपको इस तरह की सेटिंग्स को संशोधित करने के लिए पहले बाहर निकालना होगा

हाँ, यह मुद्दा सही होगा। मैं अपनी प्रतिक्रिया देशी ऐप को खारिज करने की कीमत का भुगतान नहीं करना चाहता। मैं एक समाधान खोजने की उम्मीद कर रहा हूं जो मुझे रिएक्ट नेटिव में रखता है।

आपकी सहायता के लिए धन्यवाद

@ axsy-dev @ucheNkadiCode

मेरी टिप्पणी उस दिशा में काम कर रही थी, ताकि TextInput प्रोप underlineColorAndroid जुड़े मुद्दों से बचने के लिए एक पुल अनुरोध में इसे ठीक किया जा सके। ReactNative एक थीमेटिक तरीके से थीम सेट करता है ... कृपया मेरी टिप्पणी की समीक्षा करें और कुछ प्रतिक्रिया के साथ मेरे पास वापस आएं क्योंकि मैं इस मुद्दे को हल नहीं कर सका और मैं अभी अन्य पुल अनुरोध पर काम कर रहा हूं। धन्यवाद

मैं वास्तव में मूल ReactTextInput पद्धति का पुनर्लेखन करके इस मुद्दे को हल करने में सक्षम था

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

लेकिन यह सिर्फ getThemedContext() साथ EditText घटक को दी गई शैली को अक्षम कर रहा है

इसके अतिरिक्त स्टैक हमें बताता है कि यह त्रुटि ReactEditText.onTouchEvent , इसलिए जब उपयोगकर्ता TextInput घटक को स्पर्श करता है।

मेरी टिप्पणी उस दिशा में काम कर रही थी, ताकि TextInput प्रोप underlineColorAndroid जुड़े मुद्दों से बचने के लिए एक पुल अनुरोध में इसे ठीक किया जा सके। ReactNative प्रोग्राम को प्रोग्रामेटिक तरीके से सेट करता है ... कृपया मेरी टिप्पणी की समीक्षा करें और कुछ प्रतिक्रिया के साथ मेरे पास वापस आएं क्योंकि मैं इस मुद्दे को हल नहीं कर सका और मैं अब अन्य पुर्नगठन पर काम कर रहा हूं।

मैं वास्तव में मूल ReactTextInput पद्धति का पुनर्लेखन करके इस मुद्दे को हल करने में सक्षम था

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

लेकिन यह सिर्फ getThemedContext() साथ EditText घटक को दी गई शैली को अक्षम कर रहा है

इसके अतिरिक्त स्टैक हमें बताता है कि यह त्रुटि ReactEditText.onTouchEvent , इसलिए जब उपयोगकर्ता TextInput घटक को स्पर्श करता है।

@ axsy-dev @ fabriziobertoglio1987 इसलिए मेरे पास कोई भी तत्व नहीं है जो मैं अपनी परियोजना निर्देशिका में ReactEditText के साथ पा सकता हूं और मेरी निर्देशिका में कोई भी .java फाइलें नहीं हैं। मैं React देशी के साथ टाइपस्क्रिप्ट का उपयोग कर रहा हूं, इसलिए मेरी अधिकांश फाइलें .tsx या .ts के साथ बहुत सारे node_ododules के अपवाद के साथ हैं।

मैं दुर्भाग्य से मूल निवासी Android का उपयोग नहीं कर रहा हूं।

@ucheNkadiCode इसे हल करने के लिए अब आपको बेदखल करने की आवश्यकता है, अन्यथा इस परिदृश्य को पुन: सक्रिय में फिर से बनाएँ, एक पुल अनुरोध लिखें, यह प्रतिक्रिया-मूल में विलय हो जाता है, फिर बाद में एक्सपो।

@ucheNkadiCode मुझे डर है कि मैं एक्सपो का उपयोग नहीं करता, लेकिन ऐसा लगता है कि @sunnylqm को पता है कि वह किस बारे में बात कर रहा है

मुझे एक्सपो में बस इसी मुद्दे का सामना करना पड़ा।
मैंने कोशिश की: चौकीदार वॉच-डेल-ऑल && एक्सपो आर-सी
लेकिन अभी भी अच्छी खबर है।

मैं उसी मुद्दे का सामना कर रहा हूं, जो गायब हो जाता है अगर मैं अपने TextInput को एक पाठ में बदलता हूं।

2 साल पहले की यह टिप्पणी अभी भी मान्य है।

मैंने इसे एक फ्लैटिस्ट में <TextInput> सीमित किया है। जब मैं इसे <Text> साथ प्रतिस्थापित करता हूं, तो समस्या गायब हो जाती है।

कैश को रीसेट करने से कुछ समय के लिए मदद मिलती है, लेकिन कुछ बटन क्लिक करने के बाद मेरा ऐप फिर से क्रैश हो जाएगा।

मेरे परीक्षण घटक के साथ @diegoboston परीक्षण आप FlatList के बिना इसे पुन: पेश कर सकते हैं। आप परीक्षण घटक और एक समाधान / मेरी टिप्पणी में समाधान पा सकते हैं यहाँ ।

मैं एक्सपो एसडीके 37 का उपयोग कर रहा हूं जो आंतरिक रूप से प्रतिक्रिया 0.61 का उपयोग करता है।
यह अजीब है कि मेरे पास कोई मुद्दा नहीं था, लेकिन अचानक जब मैंने बिल्डर को फिर से शुरू किया, तो यह मुद्दा पॉप हो गया। क्या यह अभी तक तय नहीं है?

RN 0.62.2 + Android यहाँ।
यह त्रुटि उत्पादन मोड में है।

सेटिंग्स से ऐप कैश साफ़ करने से मेरी समस्या हल हो गई, लेकिन यह इसके लिए स्वीकार्य समाधान नहीं लगता है।

मैंने इस मुद्दे पर काम किया और यह मेरे निष्कर्ष हैं (पिछली पोस्ट यहाँ है )।

1) हम जानते हैं कि android:editTextBackground color/transparent थीम के साथ जोड़ने से समस्या ठीक हो जाती है

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

2) ReactEditTextShadowNode पद्धति createDummyEditText नीचे कोड में भी समस्या को ठीक करता है (मुझे लगता है कि EditText के लिए सभी स्टाइल को अक्षम करें)

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

इस मुद्दे पर मेरी समझ अब यह है कि एंड्रॉइड में आप दो तरीकों से शैलियों को सेट कर सकते हैं

1) XML को html तत्वों और शैलियों की तरह लिखना और उन्हें लागू करना
2) EditText या View कंस्ट्रक्टर को बुलाएं और इसके साथ संदर्भ और अन्य विशेषताओं / शैलियों को पास करें।

ReactEditText createDummyEditText EditText इंस्टेंस बनाने के लिए उपयोग करता है और फिर कुछ शैलियों (पैडिंग, लेआउट ..etc) को बदल देता है, लेकिन यह लेआउट (पैडिंग, मार्जिन) से संबंधित कुछ है। पृष्ठभूमि रंग आदि नहीं .. वास्तव में मैंने कोड की उन पंक्तियों को setBackgroundTint से red या transparent बदलने की कोशिश की और यह काम नहीं किया ...

https://github.com/facebook/react-native/blob/95546d932f03f9af990c2a11576a4c6297136fd4/ReactAndroid/mrc/main/java/com/facebook/react/views/textinput/putctext.put ।

पृष्ठभूमि का रंग निम्न विधि से बदला गया है

https://github.com/facebook/react-native/blob/95546d932f03f9af990c2a11576a4c6297136fd4/ReactAndroid/mrc/main/java/com/facebook/react/views/view/ReactiveBackViewerBragerman

सोमवार को मैं 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>

इस कारण से मेरा मानना ​​है कि इस समाधान को खोजा जाना चाहिए कि कैसे प्रतिक्रिया संदर्भ को

पैकेट को फिर से शुरू करने और कैश साफ़ करने वाले दोस्तों ने मेरे लिए काम किया!

लेकिन यह अस्थायी समाधान है कि मैं इस स्थायी को कैसे ठीक कर सकता हूं?

मैंने पृष्ठभूमि में पारदर्शी रूप से जावा में प्रोग्रामेटिक रूप से सेट करने की कोशिश की, लेकिन फिर भी रनटाइम त्रुटि को ट्रिगर करता है, जो मुझे नीचे दिए गए कोड पर विश्वास करता है

<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/ReactTextInputhadhadhadhadhappar.com/hindi

जो स्पष्ट रूप से स्टैक में समस्या का कारण है

यह विधि 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.rawable $ ConstantState .newDrawable (android.content.res.Resources)' को एक अशक्त वस्तु संदर्भ में Android पर एक शून्य वस्तु संदर्भ में लाने का प्रयास करें। एंड्रॉइड पर। : 433) android.graphics.drawable.InsetDrawable.getOpacity (InsetDrawable.java:258) पर android.view.View.computeOpaqueFlags (View.java .16791) पर android.view.View.setBackgroundDrawable (View.java:171010) देखें। android.view.View.set.ackBackground (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.rea.views.views.textinput.ReactTextInputmanput.putman.putm.put. com.facebook.react.uimanager.ViewManager.createView (viewManager.java:46) com.facebook.react.uimanager.NativeViewHierarchyManager.createView पर देखें। (NativeViewHierarchyManager.java:218) com.facebook.react.uimanager.Uimanager.Uimanager पर। com.facebook.react.uctager.uimanager.UIViewOperationQueue $ compfaceUIFrameCallback.dispectPendingBonBatchedOperations (UIViewOperationQueue.java.com से कॉम, .face.com.face.com पर प्रस्‍तावित करें) है। com.facebook.react.uctager.GuardedFrameCallback.doFrame (GuardedFrameCallback.java:31) पर com.facebook.react.modules.core.eactChoreographer $ ReactChoreographerDispatcher.doFrame (प्रतिक्रिया-चिह्न) rapher.java:136) com.facebook.react.modules.core.ChoreographerCompat $ फ्रेमकॉलबैक $ 1.doFrame (ChoreographerCompat.java:107) पर android.view.Choreographer $ CallbackRecord.run (Choreographer.java:909) Android पर उपलब्ध है। view.Choreographer.doCallbacks (Choreographer.java:723) android.view.Choreographer.doFrame (कोरियोग्राफर.जावा:655) पर android.view.Choreographer $ FrameDisplayEventReceiver.run (कोरियोग्राफर.जे.ओ.वी.) .handleCallback (Handler.java:789) android.os.Handler.dispatchMessage (Handler.java:98) पर android.os.Looper.loop (Looper.java:164) android.app.ActivityThread.main (ActivThread) पर। java: 6938) पर java.lang.reflect.Method.invoke (Method.java) पर com.android.internal.os.Zygote $ MethodAndArgsCaller.run (Zggote.java:327) com.android.internal.os.ZygoteInit पर। मुख्य (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

ऐसा लगता है कि Android प्रोजेक्ट पर संबंधित समस्या https://issuetracker.google.com/issues/37068452 है

1. एक कस्टम ड्राएबल कार्यान्वयन बनाएं जो getConstantState () को ओवरराइड नहीं करता है।
2. एक LayerDrawable उदाहरण बनाएं, जिसमें बच्चे के रूप में कस्टम ड्रॉबल का एक उदाहरण है।
3. 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#L126

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 -61513107

<TextInput style={styles.input} /> , जावास्क्रिप्ट रनटाइम से एंड्रॉइड के लिए JSON के माध्यम से प्रतिक्रिया के रूप में Jct को ReactNativeBridge के माध्यम से भेजेंगे, एंड्रॉइड जावा एपीआई जानकारी का उपयोग View इंस्टेंस बनाने के लिए करेगा और इसे प्रदर्शित (प्रदर्शित) करेगा।

यह Context ऑब्जेक्ट को View कंस्ट्रक्टर के रूप में पारित करेगा जो उस <TextInput /> लिए बहुआयामी लेआउट को बढ़ाएगा, फिर कभी भी हम underlineColorAndroid जैसे एक प्रस्ताव को बदल देंगे, हम पूर्व के लिए एक विशिष्ट Android API विधि कॉल करेगा। setUnderlineColorAndroid("red") और Android API <TextInput /> रेखांकित करने वाले रंग को अपडेट करने का ध्यान रखेगा।

अगर 37068452 क्रम खड़ी कर रहा है, तो हम होना चाहिए mutating() एक BackgroundDrawable शायद बदलकर underlineColor , लेकिन गलती से शुरू हो रहा है View निर्माता जब हम Context ।

मैं एंड्रॉइड स्टैक को डीबग करने का प्रयास करूंगा, लेकिन पहले मैं वर्तमान उदाहरण को न्यूनतम रिप्रोड्यूसियल उदाहरण में बदलने और किसी भी गुण को हटाने की कोशिश करूंगा जो बग को पुन: उत्पन्न करने के लिए आवश्यक नहीं है।

मैं एक मिनिमम रिप्रोड्यूसियल उदाहरण बनाने में सक्षम था।
समस्या 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;

इसी मुद्दे को एक फ्लैटलिस्ट के साथ पुन: प्रस्तुत किया जा सकता है, यदि आपके data प्रोप में key , index या id जैसे [{ key: "1"}, {key: "2"}, .. {key: "5000"}] ; स्वचालित रूप से key आपकी सूची के लिए उपयोग किया जाएगा और रनटाइम का कारण बनता है। data सरणी से उन कुंजियों को हटाने से त्रुटि ठीक हो जाती है और स्वचालित कैशिंग को हटा दिया जाता है।

https://github.com/facebook/react-native/blob/980900c6343b93259e46edd44b6f267aa534cde5/Lbooks/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/books /Lists/Lirtualizedistist.js#L802 -L802

एक उदाहरण keyExtractor(item, ii) item = {"key":"450"} , ii = 50 और वापसी मूल्य key = 450 के साथ दुर्घटना का कारण होगा, लेकिन मेरा मानना ​​है कि यह वास्तविक कारण नहीं है, लेकिन सिर्फ संकेत है कि कुंजी समस्या पैदा कर रही है। मैं इसे देखता रहूंगा। मै नौकरी ढूंढ रहा हूँ। बहुत बहुत धन्यवाद। मै तुम्हें एक अच्छा सप्ताहांत की शुभकामना देता हूँ।

| RUNTIME के ​​साथ |
|: -------------------------: |
| |

| RUNTIME के ​​बिना |
|: -------------------------: |
| |

@ fabriziobertoglio1987 मेरे पास एक समान निष्कर्ष है https://github.com/facebook/react-native/issues/17530#issuecomment -573934341, जो किसी एडिटटेक्स्ट को रिमाइंड / तत्काल करने से संबंधित है। उस समय मुझे समझ में नहीं आया कि जब कोई कारण नहीं लगता था, तो टेक्स्टिनपुट पुनः बनाएंगे / फिर से बनाएंगे। अब यह लगता है कि चाबियाँ इसका कारण हो सकती हैं।

त्रुटि यहाँ से फेंकता है

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/8857e6b645f9b91f44c8ea0ab8f441c9d0d63b6/graphics/java/android/graphics/drawable/DrawableContainer.java####

जिसका अर्थ है कि यह गैर-शून्य था जब इसे क्लोन किया जा रहा था लेकिन किसी तरह इसके कुछ बाल तत्व नष्ट हो गए।
निम्नलिखित मेरा अनुमान है: प्रमुख सहारा एक अलग प्रक्रिया को ट्रिगर करेंगे, जो कि टेक्स्टिनपुट के लिए छाया नोड का निर्माण करेगा। और इस प्रक्रिया के दौरान ड्रॉबल स्टेट्स क्लोन हो जाते थे। हालांकि एक दौड़ की स्थिति / गैर-थ्रेड-सुरक्षित ऑपरेशन हो सकता है जो कुछ ड्रॉबल स्टेट्स को नष्ट कर देता है जबकि वे अभी भी उपयोग में हो सकते हैं। @ fabriziobertoglio1987

बहुत बहुत धन्यवाद @sunnylqm मुझे सहयोग की शक्ति में विश्वास है और मैं कुछ काम खोजने के लिए इस पुल अनुरोध को

मेरा मानना ​​है कि key और React.PureComponent का उपयोग करते समय समस्या कुछ गंदे मापदंडों से जुड़ी है।

https://github.com/facebook/react-native/blob/f00795dc90d05180014eeea4b3215b0166a90692//books /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//books /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/Lbooks/Lists/Virtualizedistist.js#L1985 -L199090

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

TextInput एक फारवर्ड रिटर्न देता है

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

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

मेरा मानना ​​है कि जावा एपीआई में एक विधि को TextInput जावास्क्रिप्ट एपीआई से कहा जाता है, लेकिन लापता / गंदे मापदंडों के साथ। यह NPE रनटाइम त्रुटि का कारण हो सकता है, लेकिन मुझे कारण समझने के लिए JS TextInput API के हर पहलू की जांच करने की आवश्यकता है।

मुझे लगता है कि key प्रोप समस्याएँ पैदा कर रहा है क्योंकि React तंत्र key प्रोप की तुलना करने पर आधारित है, यदि कोई प्रमुख प्रोप तंत्र मौजूद नहीं है, तो कैशिंग नहीं है और बाद में कोई त्रुटि नहीं है। ।

कल मैं आपके द्वारा उपरोक्त संदेश में संदर्भित कोड में एक ब्रेकपॉइंट सेट करने का प्रयास करूंगा

सहायता के लिए बहुत - बहुत धन्यवाद। उम्मीद है कि हम एक साथ एक पुल अनुरोध लिखने और इस मुद्दे को ठीक करने में सक्षम होंगे। मैं आपको इस शाम की शुभकामनाएं देता हूं। फैब्रिजियो

@sunnylqm

TOO लंबी डोंड पढ़ें

मैं इस मुद्दे को ठीक करने के लिए एक पुल अनुरोध लिख रहा हूं। इसे ठीक करना बहुत आसान है।

यह समस्या डिफॉल्ट बैकग्राउंडड्राएबल से एडिटटेक्स्ट इनिशियलाइज़ेशन में उपयोग होने के कारण होती है

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

ड्रा करने योग्य वह विषय है जिसमें हम Theme.AppCompat.Light.NoActionBar का उपयोग कर रहे हैं। ड्राबल को बदलना प्रतिक्रिया-मूल इनिट स्क्रिप्ट के साथ प्रतिक्रिया-मूल एंड्रॉइड प्रोजेक्ट को प्रारंभ करने के लिए उपयोग किए गए टेम्पलेट xml फ़ाइलों को बदलकर किया जा सकता है।

मैं एंड्रॉइड से डिफ़ॉल्ट रूप से प्रदान किए गए एक का उपयोग करूंगा या मैं एक कस्टम ड्रॉबल बनाऊंगा और इसे हर प्रोजेक्ट इनिशियलाइज़ेशन में शामिल करूंगा।

https://github.com/facebook/react-native/blob/2b56011f9cb9f90781428b5b773cbbed5c4fae43/template/android/app/src/main/res/values/styles.xml#L1 -L6 -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 -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 स्थिर विचारों को प्रस्तुत करने के लिए html जैसे xml का उपयोग करता है, जबकि जावा का उपयोग गतिशील सामग्री (जैसे वेब में जावास्क्रिप्ट) को प्रस्तुत करने के लिए किया जाता है।

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 ऑब्जेक्ट के साथ विचारों की शुरुआत करें, फिर सीधे context इंस्टेंस को बदले बिना गतिशील परिवर्तन करने के लिए जावास्क्रिप्ट का उपयोग करें, लेकिन Android एपीआई के माध्यम से react-native ब्रिज का उपयोग करें।

| पहले | AFTER | TextInput स्टाइल प्रॉप्स के साथ AFTER |
|: -------------------------: |: -------------------- -----: |: -------------------------: |
| | | |

मैं प्रारंभ में EditText के लिए उपयोग किए जाने वाले डिफ़ॉल्ट ड्राबल को बदलने के लिए
थीम Theme.AppCompat.Light.NoActionBar से <strong i="27">@android</strong>:drawable/edit_text हमारे डिजाइन के लिए बहुत अधिक है। यदि पैरेंट हेजेर है तो पैरेंट व्यू डिफ़ॉल्ट ड्रॉ करने योग्य ऊंचाई पर निर्भर करता है। मेरा मानना ​​है कि ReactNative कम ऊंचाई के साथ एक डिफ़ॉल्ट ड्रॉबल का उपयोग कर रहा है और फिर इसे पेरेंट व्यू में match_parent साथ एडाप्ट कर रहा है।

1) विकल्प 1 - किसी अन्य विषय से एक ड्रा करने योग्य खोजें

2) विकल्प 2
सभी प्रोजेक्ट्स के लिए कम ऊंचाई के साथ

मैंने अपने एंड्रॉइड प्रोजेक्ट को निम्न पिक्सेल के साथ ऊंचाई तक खींचा

पृष्ठभूमि अपने माता-पिता की ऊंचाई 10 तक देखने योग्य है

पृष्ठभूमि को देखने योग्य अपने माता-पिता के दृश्य की ऊंचाई 100 तक बढ़ाती है

लगता है कि छोटे बैकग्राउंड ड्रॉबल्स के साथ काम करना है, तो हमें बस इस बैकग्राउंड को डिफ़ॉल्ट रूप से उपयोग करके प्रोजेक्ट्स को इनिशियलाइज़ करने के लिए react-native init स्क्रिप्ट की जरूरत है। मैं एक पुल अनुरोध में नीचे दिए गए फाइलों में उपरोक्त उत्क्रमण परिवर्तन जोड़ दूंगा।

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

बहुत बहुत धन्यवाद। फैब्रिजियो

RN 0.61.0 + Android API स्तर 28 के साथ एक ही समस्या का सामना करना।
मैंने इसे फ़्लैटलिस्ट, टेक्स्टइनपुट और नेस्टेड कंपोनेंट रेंडर के कुछ संयोजन तक सीमित कर दिया है

@ fabriziobertoglio1987 मैं इस तरह की कोशिश की है, लेकिन शायद मैं sth याद किया कि मैं इसे काम नहीं किया। मुझे 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>

रनटाइम निम्नलिखित प्रविष्टि के कारण होता है, अगर मैं react-native कार्यों से वर्तमान ड्रॉबल की एक सटीक प्रतिलिपि निकालता हूं और रनटाइम त्रुटि को ट्रिगर नहीं करता है। मैंने अपने 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 -L6

यह एक वीडियो है जो रनटाइम त्रुटि को दिखाता है जब ड्रॉबल में <item android:state_pressed="false" android:state_focused="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"/>

जैसा कि नीचे दिए गए स्क्रीनशॉट में दिखाया गया है, मैं निम्नलिखित लाइन को ड्रा करने योग्य 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 जो इस मुद्दे को हल करती है।

कुछ उपकरणों / Android ओएस संस्करणों में Drawable.mutate () में एक बग प्रतीत होता है, भले ही आप निरंतर स्थिति की जांच करते हैं। यह त्रुटि पुन: पेश करने और ठीक करने के लिए कठिन है, इसलिए दुर्घटना को रोकने के लिए अपवाद को पकड़ने की कोशिश करें।

यह समस्या एक्स्ट्रास / एंड्रॉइड / सपोर्ट / 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 पृष्ठभूमि छवि (पृष्ठभूमि Drawable की स्थिति पर निर्भर करता है) TextInput ।

state_pressed="false" और state_focused="false" TextInput BackgroundDrawable के परिवर्तन को ट्रिगर करेंगे। छवियां मुद्दे का कारण नहीं हैं, लेकिन मैंने उन्हें प्रलेखन उद्देश्यों के लिए शामिल किया है।

| abc_textfield_activated_mtrl_alpha | abc_textfield_default_mtrl_alpha |
|: -------------------------: |: -------------------- -----: |
| | |

इनडबलटेबलटेनर.गेटचाइल्ड () कांस्टेंटस्टेट वेरिएबल सीएस 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 -+६६,११,७४,७७० https://github.com/facebook/react-native/issues/17530#issuecomment -+६६,०९,०८,१५० https: //github.com/facebook/react-native/issues/17530#issuecomment -+६६,०५,०६,००१ https://github.com/facebook/react-native/issues/17530#issuecomment -+६६,०४,५८,१९१ https://github.com/facebook/ प्रतिक्रिया-मूलक / मुद्दे / 17530 # जारीकरण -660017858 https://github.com/facebook/react-native/issues/17530#issuecomment -659422298 https: // github-facebook /react-native/issues/17530# जारीकरण -645851033 https://github.com/facebook/react-native/issues/17530#issuecomment -632795323

बहुत बहुत धन्यवाद
मैं आपको अच्छे दिन के लिये शुभकामना देता हूँ
फैब्रिजियो

@ fabriziobertoglio1987 उपरोक्त टिप्पणी के आसपास एक काम है या वास्तव में लागू करने योग्य फिक्स है जिसे मूल निवासी को प्रतिक्रिया देने के लिए जोड़ा जाना चाहिए, हम वर्तमान में आरएन 0.59.3 पर हैं और यह त्रुटि केवल उत्पादन उपयोग में प्राप्त कर रहे हैं। हम विकास की नकल नहीं कर सकते।

@ कॉफ़ीगर्म उपरोक्त टिप्पणी https://github.com/facebook/react-native/issues/17530#issuecomment -662000718 मेरा संक्षिप्त अनुरोध है कि मेरा पुल कैसे अनुरोध करता है https://github.com/facebook-react-native/pull / 29452 इस समस्या को हल करता है। एक बार पुल अनुरोध प्रतिक्रिया-मूल में विलय कर दिया जाता है

1) नए ऐप्स में यह त्रुटि नहीं होगी
2) मौजूदा एप्स अपग्रेड होंगे और वे त्रुटि का अनुभव नहीं करेंगे। जब आप अपना एप्लिकेशन अपग्रेड करते हैं, तो अपने /android फ़ोल्डर में परिवर्तनों को लागू करने के तरीके के बारे में अधिक जानने के लिए # 3-अपग्रेड-प्रोजेक्ट-फ़ाइलों को

अगर आप अपग्रेड नहीं करना चाहते हैं, तो आप मेरे PR https://github.com/facebook/react-native/pull/29452 को चेक कर सकते हैं और उन बदलावों को अपने प्रोजेक्ट android फ़ोल्डर में जोड़ सकते हैं। आपको react-native सोर्सकोड में परिवर्तन करने की आवश्यकता नहीं है, क्योंकि इस PR से कॉन्फ़िगरेशन परिवर्तन /ReactAndroid Java कोडबेस में नहीं हैं, लेकिन Android टेम्पलेट को आरंभ करने के लिए उपयोग किया गया है परियोजना।

मैं वर्तमान में अन्य मुद्दों पर काम कर रहा हूं, लेकिन मैं वापस आऊंगा, किसी भी प्रतिक्रिया का जवाब दूंगा और अपने पुल अनुरोध में कोई आवश्यक सुधार करूंगा।

कृपया सुधार और प्रतिक्रिया के लिए किसी भी सुझाव के साथ मेरे पास वापस आएं।

मै तुम्हें एक अच्छा सप्ताहांत की शुभकामना देता हूँ
आपकी सहायता के लिए धन्यवाद
फैब्रिजियो

बस एक कमिट देखी जो https://github.com/facebook/react-native/commit/1e4d8d902daca8e524ba67fc3c1f4b77698c4d08 से संबंधित लगती है

हम कड़ाई से बहुत सारे सृजन कर रहे थे + अनावश्यक रूप से बनाए गए ऑपरेशन हटाएं और प्लेटफार्मों पर स्थिरता के मुद्दों, क्रैश, या बग का कारण बन सकते हैं जो उस इनायत को संभाल नहीं पाते हैं -
विशेष रूप से क्रिएट + डिलीट के आदेश की गारंटी नहीं है (एक प्रतिरूपित दृश्य को "पहले" बनाया जा सकता है और फिर बाद में वही दृश्य के लिए "डिलीट" जारी किया जा सकता है)।

@ fabriziobertoglio1987

एक्सपो का उपयोग करते हुए कोई भी इस मुद्दे को कैसे ठीक कर सकता है, इसका कोई भी विचार, इसलिए परियोजना के एंड्रॉइड फ़ोल्डर तक पहुंच के बिना? 😅

@divonelnc एक वर्कअराउंड है: एक नई कुंजी का हर बार उपयोग करें, जब एक textinput प्रदान किया जाता है, उदाहरण के लिए,

<TextInput key={Math.random()} />

और निश्चित रूप से यह कुछ अन्य समस्याओं और प्रदर्शन हानि का कारण हो सकता है।

@sunnylqm दुर्भाग्य से यह मदद नहीं की

मैं उत्पादन में इस मुद्दे की पुष्टि कर सकता हूं! आरएन: 0.62.2 .2

RN 0.63.2 :( में वही मुद्दा आया

यह समस्या इस समस्या को हल कर सकती है:
https://github.com/facebook/react-native/commit/a5b5d1a805a9c54d325763b432be1cf2c8811dc9

एक्सपो और आरएन sdk के साथ एक ही मुद्दा https://github.com/expo/react-native/archive/sdk-38.0.2.tar.gz

वाह यह निराशा थी। @WilliamAlexander @ समाधान का काम करता है। मुझे पता है क्योंकि मैं इसे हर बार पहले रिप्रोड कर सकता था।
// style.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>

यहाँ एक बहुत अच्छा समाधान है। जो भी पाठ इनपुट घटक आप उपयोग कर रहे हैं, उसके लिए एक आवरण बनाएं और इसके लिए एक कुंजी का उपयोग करें। इस तरह से एक एकल पाठ इनपुट में पुनः रेंडरर्स के माध्यम से एक ही कुंजी होगी, और आपको अपने सभी पाठ इनपुटों के लिए कुंजियाँ नहीं लिखनी होंगी।

export default (props: TextInputProps) => {
  const key = useMemo(() => {
    return Math.random().toString()
  }, [])

  return (
    <TextInput key={key} {...props} />
  )
}

यदि आपका एक्सपो उपयोग कर रहा है
एक्सपो एसडीके 38 से 39 में अपग्रेड करने के बाद मुझे यह त्रुटि मिली।
मुझे अपने एक्सपो कैश (एक्सपो-आर्क) + एक्सपो मोबाइल ऐप कैश (मैं इसे अनइंस्टॉल करना और फिर से स्थापित करने के लिए सुनिश्चित करना) और त्रुटि दोनों को साफ करना था।

@dpnick बग को पुन: पेश करने के लिए बहुत कठिन है। मैं परीक्षण घटक मैं तैनात उपयोग करने का सुझाव यहाँ यकीन है कि यह वास्तव में चला गया है बनाने के लिए।

उत्पादन में यह त्रुटि हो रही है और मैं इस मुद्दे को पुन: पेश करने में सक्षम नहीं हूं, मेरा आरएन संस्करण 0.62.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: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

कृपया https://github.com/facebook/react-native/pull/29452 पर जाएं , निर्देशों का पालन करें https://github.com/facebook/react-native/wiki/Building-from-source/publish - आपका अपना-संस्करण-प्रतिक्रिया-मूल निवासी और मुझे पता है कि आपको कोई मदद चाहिए। अगर एक्सपो के लिए एक अलग जनसंपर्क लिखने की जरूरत है, तो मैं इस सप्ताह के अंत में जांच करने की कोशिश करूंगा, लेकिन मेरा मानना ​​है कि एक बार इस जनसंपर्क के विलय और जारी होने के बाद वे प्रतिक्रियाशील को अपग्रेड करके ठीक कर लेंगे। बहुत बहुत धन्यवाद। मैं आपके लिए शुभ रात्रि की कामना करता हूँं

मेरी पिछली पोस्ट्स में अधिक जानकारी https://github.com/facebook/react-native/issues/17530#issuecomment -662000718

संस्करण में समान मुद्दा "react-native": "0.63.3"

मोबाइल एप्लिकेशन (यदि आप मोबाइल एप्लिकेशन का उपयोग करते हैं) या आपके द्वारा उपयोग किए गए किसी भी प्लेटफ़ॉर्म में एक्सपो एप्लिकेशन के कैश का अपना कैश साफ़ करें।

@ tzeneng96 ठीक है, कैश को साफ़ करना ऐप के साथ काम करता है, लेकिन यह एक स्वीकार्य समाधान नहीं है, क्योंकि समस्या का समाधान होता है!

@AbdelkhalekESI बग को पुन: पेश करना बहुत कठिन है। क्या आपने मेरे द्वारा पोस्ट किए गए परीक्षण घटक की कोशिश की है ?

मैं इस घटक का उपयोग करके इस बग को पुन: पेश करने में सक्षम था। मुझे उत्पादन में इस दुर्घटना के कई लॉग भी मिले हैं। परियोजना में वर्तमान में 0.63.3 संस्करण पर प्रतिक्रिया है।

मुझे नहीं पता कि मुझे यह गलत लगा, लेकिन इस विषय में @ ग्लेन-एक्ससी द्वारा उद्धृत किया गया, जो मुझे समझ में आया कि वे इन-ओड \ एप \ src \ main \ res \ values ​​\ स्टाइल \ xml को जोड़कर हल करने में कामयाब रहे मद # जिंस:
"आइटम का नाम =" Android: editTextBackground "> @ Android: रंग / पारदर्शी / आइटम"

मैं अभी भी समाधान का परीक्षण कर रहा हूं।

@thiagocristianno आपकी समझ सही है, हालांकि यह एक सही समाधान नहीं है और मेरा मानना ​​है कि यह एक्सपो डेवलपर्स की मदद नहीं करता है क्योंकि वे इस सेटिंग को नियंत्रित नहीं कर सकते हैं।

वाह यह निराशा थी। @WilliamAlexander @ समाधान का काम करता है। मुझे पता है क्योंकि मैं इसे हर बार पहले रिप्रोड कर सकता था।
// style.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 @ समाधान का काम करता है। मुझे पता है क्योंकि मैं इसे हर बार पहले रिप्रोड कर सकता था।
// style.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 नो एक्सपो

@ जोर्डनग्रंथ ,

यह भी लगता है कि आप इस मुद्दे को लगातार दोहराने में सक्षम थे। मैं सोच रहा हूँ कि तुम ऐसा कैसे करते हो। मैंने अब तक केवल स्टैक ट्रेस देखा है। मैं फिक्स को सत्यापित करने के तरीकों का पता लगा रहा हूं।

@bobowinca मैंने यहां जो परीक्षण घटक पोस्ट किया

@bobowinca मैंने यहां जो परीक्षण घटक पोस्ट किया

एक जादू की तरह काम करता है! धन्यवाद ग्लेन!

शैलियों में <item name="android:editTextBackground"><strong i="5">@android</strong>:color/transparent</item> जोड़ना। Xml काम कर रहा है!
TextInput के key={Math.random().string()} को जोड़ने की विधि काम कर रही थी, लेकिन रेंडर्स हर बार सेकंड के बाद कीबोर्ड छिपाने का कारण बनता है - यह अस्वीकार्य था।