What component to use as root of child component?

native-base v2.1.5

In RN components or loops, all content must be wrapped in a single component. If it’s not the top-level component then previous to Native Base we’d use a <View> tag.

E.g. this is ok:

render() {
  <View>
    <Text />
    <Text />
  </View>
}

But this breaks:

render() {
  <Text />
  <Text />
}

With what do we replace <View> in this case? Container gives strange behavior (I believe it should only be at the top level of the screen) and Content is supposed to be only one per screen. Is continuing to use <View> as the top level of child components the recommended method?

Couldn’t find anything about this in the docs.

Thank you!

[shivrajkumar]

@lukecwilliams Container component of NativeBase is actually View component of RN and ScrollView is the replacing component of Content. For any screen the ideal code structure with NativeBase is something like this http://docs.nativebase.io/Components.html#anatomy-headref Use Content inside Container, if you have a scrollable View else you can just use Container. Hope that makes sense. Le us know if you face any issue

[SupriyaKalghatgi]

@lukecwilliams ok