Raw Text must be wrapped in an explicit <Text> component

[skyride99]

Going through the documentation, most of the examples work except for the Input.

class nativeBase extends Component { render() { return ( <Container> <Content>​ <InputGroup borderType='underline' > <Icon name='ios-home' style={{color:'#384850'}}/> <Input placeholder='' /> </InputGroup> </Content> </Container> ); } }

[yogieputra8]

Me too, I'm having same problem here

[SupriyaKalghatgi]

@skyride99 @yogieputra8 My package.json file includes:
"native-base": "^0.5.8",
"react": "15.3.2",
"react-native": "0.33.0"

The above code snippet works fine for me.

What version of RN and NB are you working with

[sankhadeeproy007]

@skyride99 @yogieputra8 Working with latest versions?

[skyride99]

nb 0.5.8
rn 0.32.0

[jakewtaylor]

Could be that you have a rogue space character somewhere, I've had that problem before.

Make sure that everything is separated with line breaks (\n) and tabs (\t), see if that helps?

[jakewtaylor]

Also, I don't have a clue why it would be this, but try using double quotes instead of single?

[SupriyaKalghatgi]

@skyride99 @yogieputra8 Did it work for you?

[stranbury]

I have got the same issue, but i think the real issue is in the content component.

[CodyLee117]

Anybody make any progress on this? I'm getting the error as well.

[stranbury]

The Icon components have some issue for fix that, i use react-native-vector-icons directly

[nicely]

i also got this error any soluton please :)

[SupriyaKalghatgi]

@skyride99 @yogieputra8 @stranbury @CodyLee117 @nicely Working with latest versions?

[alexpanov]

Parts of my package.json:

    "native-base": "0.5.18",
    "react": "15.4.1",
    "react-native": "0.39.2",

Component code:

<Container>
  <Content>​
    <InputGroup borderType='underline'>
      <Icon name='ios-home' style={{color:'#384850'}}/>
      <Input placeholder='Type your text here'/>
    </InputGroup>
  </Content>
</Container>

I get the same error as everyone else.