Stack Overflow
Stack Overflow

Questions tagged [react-native-swiper]

67 questions
0
votes
1 answer

React Native ScrollView won't swipe with ViewPager or createMaterialTopTabNavigator

I have been researching this for days after days and still didn't get what I want. I don't even know why this has not been raised yet.. For example, if you use const Tab = createMaterialTopTabNavigator(); from…
Damian
  • 934
  • 8
  • 12
0
votes
1 answer

Swiper with video or image on the card

I have a list of objects that contain a video or photo I would like to make scrolling possible (up - down - up, something like in TikTok). Each card has a full-screen image or video. For this I used the…
DeveloperApps
  • 763
  • 7
  • 16
0
votes
1 answer

Is there a way to get the swipe progress of react-native-swiper?

I would like to have an event like onScroll on the ScrollView but onSwipe on the Swiper. And in this callback I would like to get the "swipe progress" (e.g. swiped 50% to the second item). With all the supported callbacks I can do something when the…
Christoph Hummler
  • 971
  • 2
  • 7
  • 20
0
votes
1 answer

How to only render something once at a specific index of an Array. React native

So essentially, my problem stems from trying to solve this issue. function SwiperComponent () { const [item, setItems] = useState([["hi",console.log("hi")], ["hello",console.log("hello")], ["never",console.log("never")],…
Ayaan Momin
  • 101
  • 2
  • 11
0
votes
1 answer

react-native-swiper: Is there a way to custom the style of the dots?

I add picture of the dots that I want to change. this is the picture . I'm using the react-native-swiper Is there a way to change the style(color, size..) for dots in swiper?
mia
  • 1
  • 1
  • 4
0
votes
3 answers

how to fetch objects in array in react native using swiper flatlist

___Here is My Code____ import React, { PureComponent } from 'react'; import { Text, Dimensions, Image, StyleSheet, View ,FlatList} from 'react-native'; import SwiperFlatList from 'react-native-swiper-flatlist'; import { Icon } from…
Aoudesh Jaiswal
  • 148
  • 2
  • 13
0
votes
1 answer

How to use swiper in react-native

Hi how can I have a swiper working in a Profil Component using the data from a Home component. I have a state in Home component where I stock data from a webservice. class Accueil extends React.Component { constructor(props) { super(props); …
Jats1596
  • 1,117
  • 1
  • 13
  • 20
0
votes
0 answers

Use swiper to render profiles in react-native

Hi I have a Home component where I've got a flatlist showing all the users of my application with some infos like the pseudo, their age etc. When we click on a user, it will go to an another component, UserProfil where we can have more infos about…
Jats1596
  • 1,117
  • 1
  • 13
  • 20
0
votes
1 answer

react-native-swiper images not displaying

I am using the react native swiper and am unable to see the photos I am requiring. Am I calling the photos incorrectly? When I try and display the photo like normal with an Image tag it works so I know I am importing the photo from the correct…
Olivia
  • 1,843
  • 3
  • 27
  • 48
0
votes
0 answers

React-Native-Swiper images Overflow ONLY ON ANDROID

I have a problem with react-native-swiper on Android ONLY. The same code works for iOS! Below is an image of what is happening: The area is blue is supposed to be a square and all images should be within it. Something like this (I only render 1…
Kartikeya Sharma
  • 51
  • 3
  • 13
0
votes
1 answer

Invalid attempt to destructure non-interable instance

I'm trying to do a simple map in react-native-swiper. So I use this : const onlyOneObservation = [...new Array(pagesCount + 1)].map(([key, idx], i) => this.renderPage(key, idx, i)) But with this, I've got this error : Invalid attempt to…
Pentagura
  • 551
  • 2
  • 8
  • 25
0
votes
1 answer

How to do elastic animation while swiping?

I'm setting up an on boarding screen with 4 screens using react-native-swiper. While swiping i need elastic animation which i cant able to do.I have gone through many tutorials and npm packages as well from past three days but cant able to get the…
Sai kiran
  • 237
  • 3
  • 15
0
votes
1 answer

react-native-deck-swiper error is TypeError: undefined is not an object (evaluating 'cards.length')

Created by referring to https://snack.expo.io/rJBRhOLU- const cardOne = require("../../image/doginfo-1.png"); const cardTwo = require("../../image/doginfo-2.png"); const cardThree = require("../../image/doginfo-3.png"); const cardFour =…
samjamy
  • 5
  • 7
0
votes
3 answers

Adding a images behind header react-native

I want to add multiple images behind header with a swiper. I tried implementing this using Native-base and react-native-swiper. However, what was resulted is, as following. Following is my code …
Hasangi
  • 280
  • 7
  • 17
0
votes
2 answers

import Swiper show error by using react-native-swiper

I try to use swiper from this library https://github.com/leecade/react-native-swiper Here is my dependencies: "react": 16.3.1, "react-native": "~0.55.2", "react-native-swiper": "^1.5.13" But when i just add this code import Swiper from…
Morton
  • 5,380
  • 18
  • 63
  • 118
1 2 3
4
5