How to remove the close icon?
Let's just say that there is no way the user need to close the slider because it just a banner slider, so how can I hide or remove the close icon ?
Hello,
I managed to do it with this : Add this to your TimedSlideshow :
renderCloseIcon= {() => {styles.closeImgWrapperSlideshow, styles.closeImgWrapperSlideshow, null}}
and in style :
closeImgWrapperSlideshow: {
position: 'absolute',
right: 20,
...Platform.select({
ios: {
top: 45,
shadowColor: '#000',
shadowOpacity: 0.5,
shadowRadius: 2,
shadowOffset: {
width: 0,
height: 2,
},
},
android: {
top: 35,
elevation: 4,
},
}),
},
closeImgWrapperSlideshow: {
width: 0,
height: 0,
tintColor: 'transparent'
},
<TimedSlideshow items={items} renderCloseIcon={null} renderCloseIcon={EmptySpace} // onClose={EmptySpace} duration={8000} //renderIcon={BG()} extraSpacing={0} renderFooter={ADD({ index, })}
// footerStyle={{ height: 0, }}
showProgressBar={null}
></TimedSlideshow>
function EmptySpace() { return ( <> <View style={{ height: 0, width: 0 }}></View> </> ) }
Thanks for the help guys! #staylit