Question

我的列表中有一个水平滚动视图，但它不会滚动。

renderRow = ({ item }) => {   
 return (
  <View style={{width:'100%', backgroundColor:'transparent'}}>
 <ScrollView horizontal={true}>
  //I have multiple images here      
 </ScrollView>
 </View>

      )
    }

这是我的单位列表

<FlatList
           keyExtractor={(item, index) => index.toString()}
           data={this.state.data}
           renderItem={this.renderRow}
         />

是否可以将水平滚动视图放到平面列表中？

Answer 1

尝试在ScrollView中添加样式宽度：100％

<ScrollView horizontal={true} style={{width:'100%'}}>
  //I have multiple images here      
 </ScrollView>

Answer 2

您可以尝试以下操作：

<ScrollView horizontal={true} style={{flex: 1}}>
  //Place Mutiple image in ScrollView.    
 </ScrollView>

react-native：水平滚动视图在平面列表中不起作用

2 个答案: