Questions tagged [react-native-swiper]
67 questions
1
vote
1 answer
how can I use break points in swiper js using react js
hy, Im using swiper.js library in react js I have spacebetween value is 100, now for breakpoint 600 I want spacebetween 30, how is it possible,
how can I use breakpoints
type here
Muhammad Tehsin
- 57
- 3
1
vote
1 answer
Setting key for Swiper React Native
I have a Swiper implemented in my react native project (react-native-swiper), which I plan to show data along with pagination guides. While the swiper is working, I'm having an issue creating a consistent key - right now if one of the objects in the…
Abenezer Bayeh
- 105
- 10
1
vote
0 answers
React Native Swiper - Rendering components in second page before first page
I am facing an issue with using React Native Swiper (https://github.com/leecade/react-native-swiper). When I render my View which wraps the Swiper component, all the components inside the Swiper component are displayed on the screen for a split…
rigidweight
- 15
- 1
- 3
1
vote
2 answers
Can we change button color of Swiper module in React Native?
I use React native.
I'd like to use Swiper from react-native-swiper.
import Swiper from "react-native-swiper";
Here as you can see, the button color is set blue as a default as well as size.
I use this Swiper as below.
Hyejung
- 902
- 1
- 8
- 22
1
vote
0 answers
How to play a video inside a Deck Swiper
I am using this package to add a Swiper functionality - https://github.com/alexbrillant/react-native-deck-swiper
However, instead of displaying an Image or Text, I want to show a video. I am using this library to add/play a video -…
shekwo
- 1,411
- 1
- 20
- 50
1
vote
1 answer
TypeError: Cannot read property 'map' of undefined ? Jest / React Native
I have an image slider component to display images from my Firebase database as follows ,
import React from 'react';
import Swiper from 'react-native-swiper';
import { View, StyleSheet, Image } from 'react-native'
const ImageSlider = ({images}) =>…
Ruchira Swarnapriya
- 879
- 2
- 11
- 23
1
vote
0 answers
How could i make pagination with button and swiper in react native
I tried to do with ScrollView and transform and scrollTo but i couldnt figure it out and i dont want to create with react-navigation
i want to create a fixed bar at the top and two animated buttons in it and when button touched go second screen and…
Bn'R
- 23
- 5
1
vote
1 answer
How to Get data from react native-deck-swiper when swiped
I am using react native deck swipper to display arrays of data.
//ARRAYS OF DATA
const docs = shuffleArray([
{
title: "Austin Wade",
content: 22,
featured_image: require("../../assets/images/beach.jpeg"),
created_at:…
Obot Ernest
- 412
- 8
- 19
1
vote
1 answer
how to Auto-adjusting height of react-native-swiper component
I'm using react-native-swiper, but when I implement it, it's set to default height full screen.
Is there a way to have the swiper height automatically adjust to the slide content (height)?
Akshay I
- 3,675
- 1
- 34
- 57
1
vote
0 answers
How do I apply the react-native-swiper in a View tag?
I'm writing to get some help because of the fact-native-sweeper application that didn't go as well as I thought.
The first code is a layout code with different header, section, and footer flex in the container view.
The second code is the code that…
Mugglim
- 35
- 2
- 6
1
vote
0 answers
React Native Animation Swipe View
How can I do this animation on React native?
I would like that when the user makes the gesture of sliding the helmet to the right, it moves to another screen and, when sliding the helmet to the left, it moves to another screen
is that simple?
Do you…
Paulo Rodrigues
- 397
- 4
- 20
1
vote
0 answers
Swipeable area in react-native-swiper
Is there any way we can set the swipe able area in react-native-swiper? For example, from the mock screen, I would like the screen to be swiped only when the user swipe on the area marked by black border.
PS: The default behaviour is to let the…
Sain8z K
- 23
- 5
1
vote
1 answer
How to implement swiping to access different navigation screens in React Native?
I am trying to build an interface similar to the Snapchat's interface where you can swipe left/right/up to access different screen/navigator. Currently I am using the DrawerNavigator but it's kind of janky because I am using a DrawerNavigator on top…
Flying_Squirrel
- 89
- 6
1
vote
1 answer
react-native-swiper scrollBy()
I'll preface this by saying I'm very new to react native. I'm creating an app that uses react-native-swiper to swipe through three screens. Swipe functionality works, however, I would like to include two buttons on each page that allow the user to…
flabbergasted
- 441
- 1
- 4
- 8
1
vote
1 answer
How to add text above the image?
I use react-native-swiper and i want to add a text above my image.
I try to set style container image paragraph, it is still not working.
What should i do about the style setting ?
Any help would be appreciated. Thanks in advance.
import React, {…
Morton
- 5,380
- 18
- 63
- 118