水平滾動視圖不顯示所有圖像反應本地

Question

我有一個listView我在哪裏使用水平滾動視圖來顯示畫廊。前13列listView中有畫廊顯示完美，但其餘的圖像只是空白。只有佔位符在那裏。這可能是什麼原因。

<View> 
      <ScrollView 
       style={styles.container} 
       automaticallyAdjustInsets={false} 
       horizontal={true} 
       decelerationRate={0} 
       snapToInterval={CARD_WIDTH + CARD_MARGIN*2} 
       snapToAlignment="start" 
       contentContainerStyle={styles.contentT} 
       pagingEnabled={true} 
       showsHorizontalScrollIndicator={false} 
      > 

      {_this.props.media.first_five_photos.map(function(photo) { 
       return (<View style={[{width:width, height: _this.props.media.height},styles.card]} key={photo.id}> 
       <Text> 
       <Image 
       source={{uri: photo.image_url}} 
       style={{width:width, height: _this.props.media.height}}/> 
       </Text> 
      </View>) 
      })} 

       </ScrollView> 
       <View style={{position: "absolute",right: 15, top: (this.props.media.height/2)-20}}> 
       <Text > 
        <Image style={{height: 30,width:30}} source={require("../assets/white-img-slide.png") }/> 
       </Text> 
       </View> 
      </View> 

Answer 1

Scrollview具有removeClippedSubviews屬性。也許它會幫助你 https://facebook.github.io/react-native/docs/scrollview.html#removeclippedsubviews