Nativebase: RTCTextField is not a descendant of RTC View (Tag #68)

[heiseish]

Hi, I'm having trouble with Input and Input group from native base. They seem to be working well with laptop keyboard (on IOS simulator/ Connect Hardware Keyboard) , but whenever I uncheck the 'Connect Hardware Keyboard' to try to see if it fits nicely with the IOS keyboard or when I run the app on my iphone, it crashed with the following error:

2016-08-16 09:21:03.406 [warn][tid:main][RCTEventEmitter.m:52] Sending websocketFailed with no listeners registered. 2016-08-16 09:21:03.692 [warn][tid:com.facebook.react.JavaScript] Warning: Native component for "RCTFBLogin" does not exist 2016-08-16 09:21:03.704 [info][tid:com.facebook.react.JavaScript] Running application "NextMatchReborn" with appParams: {"rootTag":1,"initialProps":{}}. __DEV__ === true, development-level warning are ON, performance optimizations are OFF 2016-08-16 09:21:34.221 [error][tid:com.facebook.react.ShadowQueue][RCTUIManager.m:1269] view <RCTShadowView: 0x13e1e99c0; viewName: RCTTextField; reactTag: 113; frame: {{0, 0}, {285.33333333333331, 30}}> (tag #113) is not a descendant of <RCTShadowView: 0x13e1bc240; viewName: RCTView; reactTag: 68; frame: {{0, 0}, {414, 538}}> (tag #68) 2016-08-16 09:21:34.259 [error][tid:com.facebook.react.ShadowQueue][RCTUIManager.m:1269] view <RCTShadowView: 0x13e1e99c0; viewName: RCTTextField; reactTag: 113; frame: {{0, 0}, {285.33333333333331, 30}}> (tag #113) is not a descendant of <RCTShadowView: 0x13e5249e0; viewName: RCTView; reactTag: 120; frame: {{0, 0}, {414, 99}}> (tag #120) 2016-08-16 09:23:59.690 [warn][tid:main][RCTEventEmitter.m:52] Sending websocketFailed with no listeners registered. 2016-08-16 09:23:59.941 [warn][tid:com.facebook.react.JavaScript] Warning: Native component for "RCTFBLogin" does not exist 2016-08-16 09:23:59.951 [info][tid:com.facebook.react.JavaScript] Running application "NextMatchReborn" with appParams: {"rootTag":1,"initialProps":{}}. __DEV__ === true, development-level warning are ON, performance optimizations are OFF 2016-08-16 09:24:15.467 [error][tid:com.facebook.react.ShadowQueue][RCTUIManager.m:1269] view <RCTShadowView: 0x13e5a0af0; viewName: RCTTextField; reactTag: 157; frame: {{0, 0}, {377, 40}}> (tag #157) is not a descendant of <RCTShadowView: 0x13e132a20; viewName: RCTView; reactTag: 68; frame: {{0, 0}, {414, 538}}> (tag #68) 2016-08-16 09:24:15.483 [error][tid:com.facebook.react.ShadowQueue][RCTUIManager.m:1269] view <RCTShadowView: 0x13e5a0af0; viewName: RCTTextField; reactTag: 157; frame: {{0, 0}, {377, 40}}> (tag #157) is not a descendant of <RCTShadowView: 0x13e508a80; viewName: RCTView; reactTag: 107; frame: {{0, 0}, {414, 402.66666666666669}}> (tag #107)

Dependencies:
"native-base": "^0.5.4", "react": "15.2.1", "react-native": "0.30.0",
here is one of the simple Views i created that base mostly on native-base component:
Require:

var realm = require('../Model/model.js');
import React, { Component } from 'react';
import { Container, Content, InputGroup, Input , Icon, Header, Title, Button} from 'native-base';
import {AlertIOS} from 'react-native';

`

                <InputGroup borderType="underline" >
                    <Icon name="ios-information-circle" style={{color:'#384850'}}/>
                    <Input placeholder="Enter your team brief description" 
                            onChangeText={(teamdescription) => this.setState({teamdescription})}
                            value={this.state.teamdescription}
                            />
                    </InputGroup>

`

Any help would be greatly appreciated!

[sankhadeeproy007]

Hi, I did try your example. However, it seems to run fine over here.

However there was a minor update today. Can you point your package.json to native base master and check if the same error occurs?

[heiseish]

@sankhadeeproy007
Hi there, thank you for your response, however the problem is still there.

The problem seems to be due to react native as it also crashes when I try to open keyboard for different Input component from other module, but it doesn't crash when I use text input component from react native itself

May I know if react native 0.30.0 is fully compatible with native base 0.5.4?

[sankhadeeproy007]

Yes, in fact the screenshot was with v0.31.0 of react-native

[heiseish]

@sankhadeeproy007 That is really weird. Anyway here is a snippnet of the file.
https://gist.github.com/heiseish/a89b26366544b67a10ee42c970ad6d82

[heiseish]

Hi thanks for the response. I found out that it's actually react native bug when the keyboard crashes trying to listen to 2 scrollviews at the same time. They are likely to release a fix code in the next patch. Please close the issue

[regarde]

Any hints on this issue? I still encounters this error on react-native v0.32.0.

[sankhadeeproy007]

npm i [email protected] --save
Please try running this command and then check.

[regarde]

It works! Thanks a lot!

[kcfgl]

I'm still having this issue. I have updated the to 0.2.0 and that is reflected in my package. But NB is still using the old module. How do I update the module dependency inside NB?

[Mentioum]

Also stuck on this.

[kcfgl]

I'm sure this isn't the correct way, but it solved my issue for now. After updating to 0.2.0 in my main node_modules...

1. Delete react-native-keyboard-aware-scroll-view from node_modules/native-base
2. Copy and paste the 0.2.0 react-native-keyboard-aware-scroll-view folder into native-base/node_modules

I changed the requirement in native-base's package.json as well. But that will only be good until the next update.

Like I said, this isn't a solution, but I'm no longer stuck trying to get this app tested on a real device.

[sankhadeeproy007]

Please follow @kcfgl 's solution until we release a newer update.
Or you can pull from master as well.

[jeremypeters]

After experiencing the same issue, I updated react-native to 0.32.0, installed [email protected] and implemented @kcfgl temporary fix. I now get this error:

[abdulmuneer22]

Is there any version of native base and RN which does not have this issue ? Plus it crashed only on emulator ?

[cellis]

Also having this issue.

[nevin22]

Also having this issue when adding a component which has a mapView to a container