search

leecade / react-native-swiper

The best Swiper component for React Native.
MIT License
10.42k stars 2.34k forks source link

React-native-swiper overlaying images from sides, Looks dirty #966

Open zainshabir00 opened 5 years ago

zainshabir00 commented 5 years ago

I am using react-native-swiper library in react-native-snap-carousel, but native-swiper showing me overlaying image from side, and looks so bad, i have tried, but unable to do.

see screenshot:

Capture3

Here is the code:

SliderEntry.js

render() {

        return (
            <View style={styles.slideInnerContainer} >
                <View>
                        <Swiper
                            width={300}
                            showsButtons
                        >
                            <View>
                                <Image
                                  source={{ uri: 
                                  'http://primecourierservices.co.uk/wp- 
                                   content/uploads/2018/11/van-courier- 
                                   service-london-uk.jpg' }}
                                   style={{width: 330, height: 250
                                  }}
                                />
                            </View>
                            <View>
                                <Image
                                  source={{ uri: 
                                  'http://primecourierservices.co.uk/wp- 
                                   content/uploads/2018/11/van-courier- 
                                   service-london-uk.jpg' }}
                                   style={{width: 330, height: 250
                                  }}
                                />
                            </View>
                            <View>
                                <Image
                                  source={{ uri: 
                                  'http://primecourierservices.co.uk/wp- 
                                   content/uploads/2018/11/van-courier- 
                                   service-london-uk.jpg' }}
                                   style={{width: 330, height: 250
                                  }}
                                />
                            </View>
                        </Swiper>
                </View>
                <View>
                    <Text style={{marginBottom: 10}}>{uppercaseTitle}</Text>
                    <View style={{marginLeft: 19, marginTop: 5, marginBottom: 6}}>
                        <Text>
                            {van}
                        </Text>
                    </View>
                </View>
            </View>
        );
    }

Can anyone help me with this? Please

retyui commented 5 years ago

This repo dead: https://github.com/leecade/react-native-swiper/issues/713

zainshabir00 commented 5 years ago

This repo dead: #713

What u mean?

retyui commented 5 years ago

@zainshabir00 nobody can solve your problem

zainshabir00 commented 5 years ago

but why?

@zainshabir00 nobody can solve your problem

austinaugustin commented 5 years ago

it seems your swiper width is less than the image width. 300 and 330.

fabOnReact commented 5 years ago

@zainshabir00 the repo has 500 open issues it mean that when installing the library, you inherit 500 issues from the maintainer

it will take us less to build the functionality from scratch

ARDcode commented 5 years ago

@zainshabir00, u can use my fork "react-native-swiper": "git+https://github.com/ARDcode/react-native-swiper.git",