haqiqiw / react-native-slideshow Goto Github PK
View Code? Open in Web Editor NEWA quick and easy slideshow for react native.
A quick and easy slideshow for react native.
Hello, when i have devlopment with react-native-slideshow, i have one off issue be like
"undefined is not an object (evaluating '_react2.PropTypes.arrayOff')".
this is errors display http://prntscr.com/hhm4u1
Could you help me? Thanks
On GenyMotion android, it only shows top half of the arrow.
Can you help me, where I can place this code onPress to move to other screen detail image?
Thanks
Please release master branch to another version it still get error from Proptypes that you import from 'react'
I have a doubt because the screen is black whenever I'm doing wrong
import React, { Component } from 'react';
import {
Platform,
StyleSheet,
Text,
View,
Image,
} from 'react-native';
import Slideshow from 'react-native-slideshow';
class Slide extends Component {
constructor(props) {
super(props)
this.state = {
position: 0,
interval: null,
dataSource: [
{
title: 'Title 1',
caption: 'Caption 1',
url: 'http://www.poresto.net/admin/yucatan/mod_secciones/fotos_titulos/images/img_1533623737_b063467de7a7e2e4451e.jpg'
},
{
title: 'Title 2',
caption: 'Caption 2',
url: 'http://www.poresto.net/admin/yucatan/mod_secciones/fotos_titulos/images/img_1533626595_422bdae06043b705ec8c.jpg'
},
{
title: 'Title 3',
caption: 'Caption 3',
url: 'http://www.poresto.net/admin/yucatan/mod_secciones/fotos_titulos/images/img_1533624703_b709b9e7d3a51f5dcda5.jpg'
}
]
}
}
render() {
return (
<View style={styles.container}>
<Slideshow
dataSource={this.state.dataSource}
position={this.state.position}
onPositionChanged={position => this.setState({ position })} />
</View>
);
}
}
const styles = StyleSheet.create({
container: {
height: 220
},
slideDefault: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
},
image: {
width: '100%',
flex: 1
}
});
export default Slide;
Hey guys i'm trying to avoid the hand slide option and allow the slide effect only when the user clicks on the arrows. There's a way to do that? Thanks.
I set 10 images . For example it's on 5th image and i scroll to 8th image but when it's on 8th image indicator does not updated and also it's move to 6th image after it's interval time complete. it should be move on to 9th image and also it should restart time interval again when i'm at new image and start's from there .
please Solve
If i click, the arrow button on left and right slider will work correctly and also the bullet dot page indicators changing correctly, but if i swipe via hands to next slide, The paging dot indicators does not changes.
hello,
Thanks for shared project.
I have one bug visual with the arrows.
I have fixed the bug by changing the value justifyContent : center in the constant layoutArrow
Before
const layoutArrow = function (imageHeight, iconHeight) { return { position: 'absolute', backgroundColor: 'transparent', justifyContent: 'flex-start', alignItems: 'flex-start', top: (imageHeight-iconHeight)/2, bottom: (imageHeight-iconHeight)/2, }; }
After
const layoutArrow = function (imageHeight, iconHeight) { return { position: 'absolute', backgroundColor: 'transparent', justifyContent: center', alignItems: 'flex-start', top: (imageHeight-iconHeight)/2, bottom: (imageHeight-iconHeight)/2, }; }
Black screen after showing images in iOS
How to add local image to the url so it shows in the slideshow, i have tried below urls but none works for me
<Slideshow dataSource={[ { url:'./images/restImage.jpg' } ]}/>
or
<Slideshow dataSource={[ { url:'images/restImage.jpg' } ]}/>
Make sure that the same source ('./images/restImage.jpg') is working fine with image element, so there is no any path issue i think.
Is there any example for Arrow Left and Arrow Right
arrowLeft | object | optional | - | component arrow left
arrowRight | object | optional | - | component arrow right
You may see that when checking for the left arrow, the program checks for the right arrow....
It says:
271: this.props.arrowRight == undefined ?
I should be:
271: this.props.arrowLeft == undefined ?
If I apply borderRadius to scroll view container, only extreme sides are curved.
Please fix it, when I slide from the last slide to the first the position still leads to the last one. After the last slide time has run out, the new slide will move to the first slide. please fix it so that the slide follows after sliding and slide a little lag.
mantep mas, lanjutkan!
how to set image resizeMode? And also set container height to full screen but keep image width not overflow or cropped. thanks
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.