NativeBase Content tag does not render when wrapped by custom component

[Warren_Bell]

The NativeBase Content tag does not render when I wrap it with my custom component. Here is a striped down version of that component called Test that does not work either.

What am I doing wrong ?

Thanks,

Warren

// Custom component called Test

import React, { Component } from "react";

import {
Text,
View
} from "native-base";

class Test extends Component {

constructor(props) {
super(props);

}
render() {
// NativeBase Content tag in this.props.children does not render
// But sibling and parent tags do
return (

THIS SHOWS
{ this.props.children }

);
}
}

export default Test;

// These are some of the tags in this.props.children above
// (THIS SHOWS)
// SHOW (THIS SHOWS)
// (THIS DOES NOT SHOW)
// SHOW (THIS DOES NOT SHOW)
//
//

[Warren_Bell]

import React, { Component } from "react";

import {
  Text,
  View
} from "native-base";

class Test extends Component {

  constructor(props) {
    super(props);

  }
  render() {
    // NativeBase Content tag in this.props.children does not render
    // But sibling and parent tags do
      return (
        <View>
          <Text>THIS SHOWS</Text>
          { this.props.children }
        </View>
      );
  }
}

export default Test;

// These are some of the tags in this.props.children above
// <ImageBackground source={bg} style={styles.background}> (THIS SHOWS)
//   <Text style={styles.logoText}>SHOW</Text> (THIS SHOWS)
//   <Content contentContainerStyle={{ flex: 1 }}> (THIS DOES NOT SHOW)
//     <Text style={styles.logoText}>SHOW</Text> (THIS DOES NOT SHOW)
//   </Content>
// </ImageBackground>

[Warren_Bell]

I did a bare bones test with a react native init app and everything including the Content tag worked like it should. So something else in my app is keeping the Content tag from rendering based on me wrapping it with my custom component. I will start eliminating tags until it starts to work.