leecade / leecade/react-native-swiper

Swiper styles are not working as it should

Open
#1,317 2 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
JavaScript
Stars
10.5k
Forks
2.3k
PR merge metrics
No merged PRs in 30d

Description

Android
Version

Which versions are you using:

  • react-native-swiper version ^1.6.0
  • Expo bareflow, (expo version ~43.0.2)
Expected behaviour

The styles should be the same throughout the page

Actual behaviour

The styles changes based on which page part the component is in, for example, the height should remain the same when it is the top component or the last component of the page but it changes based on where it is placed.

How to reproduce it>

Check out the link below and go to App.js, there, try to change the location of from top to bottom, and then you will find the issue. This is the link 👉 https://snack.expo.dev/@pancham-barman/swiper

Steps to reproduce
  1. Try to move the from top to bottom

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Open the linked Expo Snack and inspect App.js, focusing on the placement of . Move the component from the top to the bottom of the page and compare its rendered height and styles. Done means the component keeps consistent styling and height in both positions.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react-native
Domain
mobile
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.