Как видно из названия, у меня есть фоновое изображение, которое я использую для домашнего экрана этого приложения. Проблема в том, что когда я добавляю слайдер изображений, используя библиотеку react-native-image-slider-show.
Проблема: Делает прозрачное изображение с фона ползунков черным вместо фона изображения. Я довольно новичок в React Native, поэтому буду благодарен за любую помощь. Приложено изображение главного экрана, а также код для оформления основного контейнера и слайдера.
Вопрос: Как я могу go сделать фон изображения ползунка таким же, как фон изображения?
Если у вас есть какие-либо вопросы или вам нужна любая другая информация, чтобы помочь, не стесняйтесь обращаться ко мне!
Стили контейнера и ползунка:
mainContainer: {
position: 'absolute',
flex: 1,
backgroundColor: styles.mainContainerColor.backgroundColor,
top: 0,
bottom: 0,
left: 0,
right: 0,
},
slideshow: {
backgroundColor: styles.secondaryContainerColor.backgroundColor,
},
Реализация ползунка (основные стили контейнера обернуты вокруг всего файла, реализованного в ImageBackground):
<View>
<Slideshow
loopBothSides
style={styles.slideshow}
dataSource={this.state.dataSource}
position={this.state.position}
onPositionChanged={position => this.setState({position})}
/>
</View>
