Style horizontal is not working

[shubhext]

I have use the scrollable flat list but styling is not getting as per the design can you suggest I have used contentcontainer style as well innnercontainerstyles but not working.

<SortableList
style={styles.list}
// horizontal
style={{backgroundColor:"green"}}
data={[...this.state.imageUrl, ...this.createArray(MAX_NUM - (this.state.imageUrl.length >= MAX_NUM ? MAX_NUM - 1 : this.state.imageUrl.length))]}
renderRow={this.renderRow}
contentContainerStyle={{backgroundColor:"red",flexDirection:"row",justifyContent:"space-between"}}
innerContainerStyle={{backgroundColor:"yellow",flex:1, display:'flex',
flexDirection:"row",justifyContent:"space-between"}}
ref={(sortRef)=>this.activeAnim = sortRef}
onReleaseRow= {(key,currentOrder)=>{
console.log("---item-",{key,currentOrder});

       }}
     />