scrollview insde列表不滚动

Question

我在render（）中有这个平面列表：

render() {
  return (
    <FlatList
      ref='listRef'
      data={this.props.data}
      renderItem={this.renderItem}
      keyExtractor={(item, index) => index.toString()}
    />   
  )
}

然后在我的renderItem（）里面有

return (            
  <View style={{flex:1}}>
    <ScrollView style={{flex:1}}> 
      {item.mascotas.map(function(d, index){
        return (
            <View key={index} style={{flex:1}}>
                <Image source={require('./img/base-face-image.png')} style={styles.mascotas_list_item_img} /> 
                <View style={styles.mascotas_list_item_details}>
                    <Text style={styles.mascotas_list_item_details_name}>{d.nombre}</Text>

                </View>
            </View>
          )
      })}                    
    </ScrollView>
  </View>

如您所见，父视图及其子视图都具有flex：1，我也尝试将flex：1添加到FlatList，但两者均不起作用。我需要滚动视图才能滚动。