Commit 65d558bf by Giang Tran

edit swiper

parent 10902d82
...@@ -7,12 +7,10 @@ import {HEIGHTXD} from '../../Config/Functions'; ...@@ -7,12 +7,10 @@ import {HEIGHTXD} from '../../Config/Functions';
const styles = StyleSheet.create({ const styles = StyleSheet.create({
container: { container: {
marginBottom: 10,
width: '100%', width: '100%',
height: HEIGHTXD(500), height: HEIGHTXD(400),
marginTop: 25, marginTop: 25,
marginBottom: 10,
borderTopWidth: 0.5,
borderBottomWidth: 0.5,
borderBottomColor: R.colors.borderGray, borderBottomColor: R.colors.borderGray,
borderTopColor: R.colors.borderGray, borderTopColor: R.colors.borderGray,
shadowColor: '#000', shadowColor: '#000',
...@@ -24,7 +22,6 @@ const styles = StyleSheet.create({ ...@@ -24,7 +22,6 @@ const styles = StyleSheet.create({
shadowRadius: 2.84, shadowRadius: 2.84,
elevation: 2, elevation: 2,
}, },
text: { text: {
color: '#fff', color: '#fff',
fontSize: 30, fontSize: 30,
...@@ -35,24 +32,28 @@ const styles = StyleSheet.create({ ...@@ -35,24 +32,28 @@ const styles = StyleSheet.create({
const SwiperComponent = (props) => { const SwiperComponent = (props) => {
return ( return (
<View style={styles.container}> <View style={styles.container}>
<Swiper style={styles.wrapper} loop={true} autoplay={true}> <Swiper
<View> paginationStyle={{bottom: 5}}
style={styles.wrapper}
loop={true}
autoplay={true}>
<View style={{marginHorizontal: 20, borderRadius: 10}}>
<Image <Image
style={{height: HEIGHTXD(500), width: '100%'}} style={{height: HEIGHTXD(400), width: '100%', borderRadius: 10}}
source={{uri: props.listImage[0].url}} source={{uri: props.listImage[0].url}}
resizeMode={'cover'} resizeMode={'cover'}
/> />
</View> </View>
<View> <View style={{marginHorizontal: 20, borderRadius: 10}}>
<Image <Image
style={{height: HEIGHTXD(500), width: '100%'}} style={{height: HEIGHTXD(400), width: '100%', borderRadius: 10}}
source={{uri: props.listImage[1].url}} source={{uri: props.listImage[1].url}}
resizeMode={'cover'} resizeMode={'cover'}
/> />
</View> </View>
<View> <View style={{marginHorizontal: 20, borderRadius: 10}}>
<Image <Image
style={{height: HEIGHTXD(500), width: '100%'}} style={{height: HEIGHTXD(400), width: '100%', borderRadius: 10}}
source={{uri: props.listImage[2].url}} source={{uri: props.listImage[2].url}}
resizeMode={'cover'} resizeMode={'cover'}
/> />
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment