Stack Overflow
Stack Overflow

Questions tagged [react-swipeable-views]

25 questions
5
votes
2 answers

How to build stackable cards in React with react-swipe-card?

I'm looking to build a UI with stackable cards, something like: Where there are a dynamic number of cards being the currently active card, and as the top card goes away, cards below is displayed. Very similar to Tinder's swipe-able experience. I…
AnApprentice
  • 108,152
  • 195
  • 629
  • 1,012
4
votes
1 answer

Using SwipeableViews with updateHeight()

A new update to SwipeableViews allows for each Tab in the MaterialUI Tabs Component to have their own height. Let me back up a little. Before, MaterialUI Tabs component will show all tabs in the height of the longest tab. This created unnecessary…
LOTUSMS
  • 10,317
  • 15
  • 71
  • 140
3
votes
0 answers

Using react swipeable views virtualize to render components gives them jittery, double loading animation

For my app's home page I am rendering multiple components with the VirtualizeSwipeableViews component. On changing a tab, the component will animate into the window and then very quickly reload again. I have a feeling the reload is due to the state…
codemcmillan
  • 31
  • 1
3
votes
1 answer

react-spring clean scale and translateX transition

The react-swipeable-views library is providing example usages. I want to reuse the coverflow example, but in a react functional comp. way. I almost managed to get it working. However on my implementation, the swipeable element can get stuck during…
MarcoLe
  • 2,309
  • 6
  • 36
  • 74
3
votes
3 answers

react-swipable-views shows error when used

I'm trying to use react-swipable-views in my react application. I'm getting the following error :- Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. I've…
cyberman123
  • 412
  • 5
  • 14
2
votes
1 answer

swipe one cell at a time in Swipeable in react-native,on swipe of another previous should be closed automatically

I am new to react native ,working with Swipeable which is present in "react-native-gesture-handler/Swipeable".currently on opening the second item ,the first item still shows open. requirement is to open one item at a time,written my own component…
Manish Kumar
  • 997
  • 2
  • 13
  • 30
2
votes
0 answers

How to use react-swipeable-views with react-router v6?

I am making a small react project with Material UI and React Router. I want to implement a tab system with transitions following the documentation. To do so, I use react-swipeable-views. I have two and I would like to render them based on…
Haltarys
  • 577
  • 4
  • 10
2
votes
1 answer

Swiper Slider Effect not working in React Js

I am using React Js and Swiper Js to get the same effect as in LInk . But for some reason I was not able to achieve any effect or pagination inside it. I have Card.js inside my component folder as : import React from 'react'; import…
Rama devi
  • 55
  • 1
  • 9
2
votes
0 answers

Remove Element from react-swipeable-views after onSwitching

I am using SwipeableViews and mapping elements to be displayed from an array. I want to remove the swiped element from the array each time a user swipes left or right and display new elements without the swiped element. The first element is a card…
noickare
  • 119
  • 1
  • 12
2
votes
0 answers

Flex item not expanding to 100% width until browser window is resized

I have a Flexbox container in a React app with flex-direction: row. The container contains two tiles, both with flex: 1. Each occupies 50% of the width as shown below. This is expected. However, when the state of the component changes and only Tile…
Naresh
  • 23,937
  • 33
  • 132
  • 204
1
vote
1 answer

React Swipeable tab

I am a beginner react user, and am trying to incorporate simple swipeable tabs for mobile viewer.(similar to the tab on the instagram profile) I found react-swipeable-views and Material UI and tried using it. It seems like it's working if I click on…
MiMi
  • 85
  • 1
  • 2
  • 8
1
vote
1 answer

Npm dependency issue: react 17.0.2 and "react-swipeable-views": "0.13.9"

I am trying to setup material dashboard from git clone https://github.com/creativetimofficial/material-dashboard-react.git. Using node-16 I run npm install I get npm ERR! While resolving: material-dashboard-react@1.10.0 npm ERR! Found:…
Santhosh
  • 9,965
  • 20
  • 103
  • 243
1
vote
1 answer

How to swipe through custom components with different content length and therefore different height

I despair of swiping components that have different lengths/heights .. So what I need is "auto height" - but it doesn't make a difference! What I actually want is 4 or 5 pages that my app should consist of and I wand to switch pages through…
Ninja
  • 21
  • 6
1
vote
0 answers

How to render Component By Tap react-swipeable-views?

I'm using react-swipeable-views, @material-ui/core/Tab and @material-ui/core/Tabs I'm renering views based on tabs here is my code import React, { Component } from "react"; import Nav from "../Nav"; import Footer from "../Footer"; import…
Mohammed Saber Mohammed
  • 303
  • 4
  • 16
1
vote
1 answer

How to pass item id to Swipeable to delete or edit item with this id

Im using: react-native, expo, react-native-gesture-handler/Swipeable here is a code of screen https://github.com/ArturScwaiberov/react-native-dental-app/blob/master/screens/HomeScreen.js In my app there is list of appointments rendered by…
ArturShvaiberov
  • 25
  • 1
  • 8
1
2