ahmed3mar / react-native-slick Goto Github PK

Which OS

Macos

Version

• react-native-slick v1.0.2
• react-native v0.61.1

Expected behaviour

No errors on Android

Actual behaviour

Current version raise error for "ViewPagerAndroid"

Error details:
Invariant Violation: VoewPagerAndroid has been removed from React Native.
It can now be installed and imported from 'react-native-viewpager' instead of 'react-native'

How to reproduce it>

It will only appear in Android platform

Hi, when I set statics images its work well but when I try to load images from the server using API and try to set them it will not work here is my code

const self = this;
    var loadOrderList = {
        method: "GET",
        url: Location_URL,
        headers: {
            'Accept':'application/json',
            'Content-Type':'application/json'
        },
        json: true
    };

    axios(loadOrderList)
    .then(function (response) {
        self.setState({
          imageBanner: response.data.banneres,
          homeCategory: response.data.homeCategory
        })

        console.log(self.state.imageBanner, self.state.imgList);
    })
    .catch(function (error) {
      //console.log(error);
    });

Set images to slider

<Slick style={styles.wrapper} height={500} loop={true} autoplay={true}>
                  {
                    this.state.imageBanner.map((item, i) => <Slide
                      loadHandle={this.loadHandle}
                      loaded={!!this.state.loadQueue[i]}
                      uri={item}
                      i={i}
                      key={i} />)
                  }
                </Slick>

Output

Plz tell me how to fix this issue thanks

I am looking for a slick library for my existing react app. I checked your example, however it needs "react-native init AwsomeProject" at the beginning. I wonder if it is possible to just use your slider as a component instead of "init" from the very beginning. If so, how should I do it? and how should I register at the end?

thank you.

Hi, onTouchEnd return undefined state and context on android but working on ios.

Could you give us some examples for partial slide?
Basically when slide 1 is in front I want to see a little bit part of slide 2

Which OS ?

Version

Which versions are you using:

• react-native-slick v?
• react-native v0.?.?

Expected behaviour

Actual behaviour

How to reproduce it>

To help us, please fork this component, modify one example in examples folder to reproduce your issue and include link here.

Steps to reproduce

Which OS ?

Version

Which versions are you using:

• react-native-slick v?
• react-native v0.?.?

Expected behaviour

Actual behaviour

How to reproduce it>

To help us, please fork this component, modify one example in examples folder to reproduce your issue and include link here.

Steps to reproduce

Which OS ? Iphone

Version

Which versions are you using:

• react-native-slick v? 1.0.2
• react-native v0.?.? 0.58.1

Expected behaviour

active dot must change when I change the page

Actual behaviour

active dot keep in first

<Slick height={'100%'} showsPagination={true} loop={true} activeDotStyle={{backgroundColor: '#000000', width: 13, height: 13, borderRadius: 13/2, overflow: 'hidden'}} dot={ <View style={{backgroundColor: '#bfbfbf', width: 13, height: 13, borderRadius: 13/2, overflow: 'hidden', marginLeft: 5, marginRight: 5}} /> } paginationStyle={{ top: -500, }} showsButtons={false}> { this.state.news.map((item)=> { return ( <View style={{width: '100%', height: '100%', alignItems: 'center', justifyContent: 'center'}}> <Image source={{uri: item.img_en}} style={{ width: 371, height: 576}} resizeMode={'contain'} /> </View> ) }) } </Slick>