如何在IOS和android的react native中创建垂直滚动内的水平列表

我想创建如下图所示的视图： 我是英语初学者。 =>我必须使用哪个控件？ =>如何设计应用程序架构？

建议的模型类型

在此之后，您需要设计视图内部组件

 _wallList=(item)=>{
 return( <Carousel
        data={item.data}
        extraData={this.state}
        inactiveSlideScale={1}
        renderItem={(item) => {
                if (wallType === MOST_SEARCHED) {
                   this._renderMostSearched()// view for most searched
                }   
        }}
        sliderWidth={SLIDER_WIDTH}
        itemWidth={SLIDER_WIDTH - 32}
  />)
 }

外部平面列表

  <FlatList
        ref={(c) => {
              this._flatList = c
            }}
        style={{overflow: 'visible'}}
        directionalLockEnabled={true}
         data={this.state.data}
         renderItem={(item) => (this._wallList(item))}
         refreshing={this.state.refreshing}
         onRefresh={this._refreshHome}
         onScroll={this.handleScroll} />

---

如果您面临一些问题，请输入一些代码。谢谢@Rajat的建议。

  <FlatList
        ref={(c) => {
              this._flatList = c
            }}
        style={{overflow: 'visible'}}
        directionalLockEnabled={true}
         data={this.state.data}
         renderItem={(item) => (this._wallList(item))}
         refreshing={this.state.refreshing}
         onRefresh={this._refreshHome}
         onScroll={this.handleScroll} />