callstack / callstack/react-native-pager-view

Curl not working properly

Open
#236 9 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
3.4k
Forks
476
Avg merge
10d 21h
Merged PRs (30d)
2

Description

The curl effect it's not working properly for me. When you start sliding, it always goes on the X axis,
![image](https://user-images.githubusercontent.com/42002579/96164741-098c5b80-0ef2-11eb-821c-1095f5052389.png)

Has someone else also experience this?
```
props.onStartShouldSetResponder()}
pageMargin={0}
orientation={'horizontal'}
scrollEnabled={true}
transitionStyle={'curl'}
onPageSelected={onPageSelected}>
{props.data
.slice(offset, offset + windowLength)
.map((item, index) =>
renderPage(
props.renderItem,
item,
offset + index,
page,
buffer - internalBuffer,
),
)}

```

It's like, it doesn't lean like a page effect

Is someone else also experiencing this problem?

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the provided ViewPager configuration with transitionStyle set to curl and determine whether the behavior occurs on iOS, Android, or both. Compare the gesture direction with the expected page-curl effect; done means horizontal swipes produce a page-like curl rather than movement only along the X axis.

Written by the indexing model from the issue text.

Assessment

Tech stack
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.