реагировать нативный, как правильно расширить сетку <Row>компонент

Question

Я использую реагирующий с машинописью текст, я пытаюсь использовать этот модуль: https://github.com/GeekyAnts/react-native-easy-grid

Моя проблема в том, что я хочу взять компонент <Row>, поместить его в свой собственный класс ирасширить его функциональность следующим образом:

Определение ProfileRow:

class ProfileRow extends React.Component<any, any> {
  static defaultProps: Partial<IProfilesRow> = {
    id: 0,
    cells: []
  };

  render() {
    return (
      <Row>
        <Text>test</Text>
        {this.props.children}
      </Row>
    );
  }
}

export default ProfileRow;

Использование ProfileRow:

render(){
return (
  <Grid>
     <ProfileRow/>
     <ProfileRow/>
     <ProfileRow/>
  </Grid>
)}

когда я запускаю этот код на устройстве Android, строки превращаются в одну строку.Может кто-нибудь объяснить, как правильно сделать такое расширение, чтобы сохранить исходное свойство <Row>, чтобы оно переходило в следующую строку, как и предполагалось?

Я ожидаю этого (когда<Row> используется как есть без подклассов):

но я получаю это: