Unable to use Carousel component in renderHeader prop
Nobody has claimed this yet.
Assessment
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Newbie friendliness
- 30/100
- Issue type
- Bug
- Clarity
- Needs clarification
- Activity status
- Stale
- Tech stack
- react-native, typescript
- Domain
- mobile
Research direction
Start by reproducing the example with a Carousel passed to renderHeader, then compare it with the same Carousel passed to renderForeground. Investigate the component behavior exposed by those two props and determine whether horizontal scrolling can work in renderHeader; done means the behavior is fixed or the limitation is clearly documented.
Written by the indexing model from the issue text.
Description
Hi There,
I want to customise renderHeader prop by passing carousel component.
renderHeader={() => <View style={{width: '100%', height:'100%', backgroundColor:'#2E343D'}}>
<Carousel
ref={(c) => { this._carousel = c; }}
data={this.state.entries}
renderItem={this._renderItem}
sliderWidth={Dimensions.get('window').width}
itemWidth={Dimensions.get('window').width}
onSnapToItem={(index) => this.setState({ activeSlide: index }) }
/>
</View>}
But the horizontal scroll doesn't work in it. However if pass the same carousel component in renderForeground prop then it works.
Could you please advice on it?
- Dominant language
- TypeScript
- Stars
- 1k
- Forks
- 101
- PR merge metrics
- No merged PRs in 30d
Getting set up
This project ships no dev container, Dockerfile or contributing guide, so setting up is up to you: start from its README, and see our first-contribution guide for the general steps.
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
More from bamlab/react-native-image-header-scroll-view
-
Difficulty 3/5 1-2 days Newbie friendliness 35/100
-
Difficulty 5/5 Over a week Newbie friendliness 25/100
bamlab/react-native-image-header-scroll-view#134 · 1 comment ·
-
Difficulty 3/5 1-2 days Newbie friendliness 20/100
-
Difficulty 3/5 1-2 days Newbie friendliness 30/100
-
Difficulty 4/5 3-5 days Newbie friendliness 25/100
bamlab/react-native-image-header-scroll-view#131 · 1 comment ·
All issues in bamlab/react-native-image-header-scroll-view
Similar issues
-
area: aria/combobox gemini-triaged
Difficulty 2/5 1-3 hours Newbie friendliness 78/100
angular/components#33973 ·
Maintainers usually reply within 1 day
-
bug priority: P2
Difficulty 1/5 1-3 hours Newbie friendliness 84/100
Maintainers usually reply within 1 day
-
[bug] status, list and push crash with an uncaught NotInitializedError stack trace when teamai is not initializedPossibly taken @jay23606 claimed this today. Openbug good first issue help wanted
Difficulty 2/5 1-3 hours Newbie friendliness 84/100
Tencent/teamai-cli#1227 ·
Maintainers usually reply within 1 day
-
[Tool]: YapOpen
Difficulty 1/5 1-3 hours Newbie friendliness 62/100
withkarann/aifoxx#417 ·
Maintainers usually reply within 1 day
-
Difficulty 2/5 1-3 hours Newbie friendliness 86/100
sindresorhus/eslint-plugin-unicorn#3921 ·
Maintainers usually reply within 1 day