Multi section with horizontal FlatList

multi_section.jsx

export default class Screen extends React.Component {

  renderItem({ item }) {
    return <Row stall={item} didSelectRow={this.didSelectRow} />;
  }

  renderHorizontalSection = ({ item }) => {
    return (
      <FlatList
        data={["horizontaol_item1","horizontal_item2"]}
        renderItem={this.renderItem}
        horizontal={true}
      />
    );
  };

  render(){
    return (
      return (
        <SectionList
          sections={[
            {
              data: [""], // this is just a dumy data to display 1 item
              renderItem: this.renderHorizontalSection,
              keyExtractor: this.keyExtractor,
              key: "Horizontal Section",
            },
            {
              data: ["vertical item1","vertical item2"],
              keyExtractor: this.keyExtractor,
              renderItem: this.renderItem,
              key: "Vertical section"
            }
          ]}
          automaticallyAdjustContentInsets={true}
        />
      );
    )
  }
}