反应本机如何正确扩展网格<row>组件

Question

我正在使用带有打字脚本的react-native， 我正在尝试使用此模块： 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>而没有子类化时）：

但是我收到了：