React Native Swiper 다중 이미지

Question

나는 react-native-swiper을 사용하고 있지만, 문서에서 내 문제에 대한 해결책을 찾지 못했습니다. 현재는 한 번에 한 장의 사진을 보여줍니다. 그러나 나는 1과 2를 원하고, 항상 하나씩 미끄러 져 움직인다. 슬라이드가 엄격한 너비를 가지고 있기 때문에 어떻게 든 가능합니까? 내가 achive 것이 무엇

설계로 :

내 현재 코드가있다 :

class Featured extends Component { 
    /** 
    * Render the featured box 
    */ 
    renderFeatured() { 
     return this.props.featured.data.items.map(object => (
       <View style={styles.slide} key={object.id}> 
        <FeaturedBox 
         id={object.id} 
         image={Helpers.getPrimaryImage(object.images)} 
         text={object.name} 
        /> 
       </View> 
      ) 
     ); 
    } 

    render() { 
     if (Helpers.isObjectEmpty(this.props.featured)) { 
      return (
       <View /> 
      ); 
     } 
     return (
      <View> 
       <Swiper 
        style={styles.wrapper} 
        height={150} 
        horizontal={false} 
        showsPagination={false} 
       > 
        {this.renderFeatured()} 
       </Swiper> 
      </View> 
     ); 
    } 
} 

const styles = StyleSheet.create({ 
    wrapper: { 
    }, 
    slide: { 
     flex: 1, 
     justifyContent: 'center', 
     alignItems: 'center', 
    } 
}); 

는 기본적으로 FeaturedBox 그냥 이미지가.

Answer 1

해결책을 찾았으며 스 와이퍼를 Carousel으로 변경하십시오.

Answer 2

다음 코드를 통해이를 수행 할 수 있습니다.

<Swiper removeClippedSubviews={false}> 

<View style={{width: screenWidth - 100}}></View> 

<View style={{marginLeft: - 100}}> </View> 

</Swiper>