Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

React-Native-Swiper doesn't work when used in renderBackground

See original GitHub issue

I am trying to use react-native-swiper by leecade (https://github.com/leecade/react-native-swiper) in renderBackground with images, but all that is displayed is an opaque background. I tinkered with the index.js code, importing the swiper component there, and replacing the Animated.View with a simple View, but to no avail. Can somebody shed some light on this?

Issue Analytics

State:
Created 6 years ago
Reactions:8
Comments:11

Top GitHub Comments

1reaction

geminiyellowcommented, Aug 31, 2018

hi all, i use other swiper, react-swipeable-views and put it in renderForeground, it working. so i guess, background was covered by foreground, right? is really click background need?

0reactions

numandev1commented, Jun 4, 2020

@VanDu97 I did not resolve swiper in renderBackground. I just put forward and back button through position absolute in renderForground to handle my swiper but I cannot handle swiper by touch in my case this is OK

Top Results From Across the Web

REACT SWIPER DOESN'T SHOW IMAGES - Stack Overflow

The main problem is the way you provide the src prop of your images: <image classname="swiper-image" src={images[0]}.

swiper.activeindex react | The AI Search Engine You Control

I would like to ask if there is a way to control/set the active slide with swiper/react? I have tried to handle the...

RefreshControl - React Native

This component is used inside a ScrollView or ListView to add pull to refresh functionality. When the ScrollView is at scrollY: 0 ,...

react-native-deck-swiper - npm

A possible fix for the situation is setting the cardIndex on the parent component whenever deck re-renders are needed. const { cardIndex }...

How to Create Swiper in React Native? - eduCBA

import React, { Component } from 'react'; import { StyleSheet, View, Text } from 'react-native'; import Swiper from 'react-native-swiper'; export default class ...