Native Swiper mehrere Bilder reagieren

Question

Ich verwende die react-native-swiper, aber ich habe keine Lösung für mein Problem in der Dokumentation gefunden. Derzeit zeige ich mir ein Bild auf einmal. Aber ich will eineinhalb und schiebe immer eins nach dem anderen. Ist irgendwie möglich, weil die Folien eine strenge Breite haben.

Ein Entwurf, was ich achive würde:

Es ist mein aktueller Code:

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', 
    } 
}); 

Grundsätzlich ist die FeaturedBox ist nur ein Bild.

Answer 1

Ich fand die Lösung, und ändern Sie den Swiper zu Carousel.

Answer 2

Sie können dies über folgenden Code tun;

<Swiper removeClippedSubviews={false}> 

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

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

</Swiper>