Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

stickyHeaderIndices cannot be sticky for several child views at the same time

See original GitHub issue

i want to ask about stickyHeaderIndices on ScrollView, on RN version 0.59 can sticky some child view at the same time, but when updating the latest version of RN 0.61 only can sticky one by one per child. So if user scrolled to last child view, only last index can be sticky

React Native version:

System:
    OS: Linux 5.0 Ubuntu 18.04.3 LTS (Bionic Beaver)
    CPU: (8) x64 Intel(R) Core(TM) i7-3632QM CPU @ 2.20GHz
    Memory: 228.95 MB / 15.53 GB
    Shell: 5.4.2 - /usr/bin/zsh
  Binaries:
    Node: 10.16.3 - /usr/bin/node
    Yarn: 1.17.3 - /usr/bin/yarn
    npm: 6.12.1 - /usr/bin/npm
  npmPackages:
    react: 16.9.0 => 16.9.0 
    react-native: ^0.61.4 => 0.61.4 
  npmGlobalPackages:
    react-native-asset: 2.0.0
    react-native-cli: 2.0.1
    react-native-create-library: 3.1.2
    react-native-git-upgrade: 0.2.7

Steps To Reproduce

Create more than 1 View Child inside ScrollView
Set index view on stickyHeaderIndices

Expected:

all child views that are set stickyHeaderIndices should be sticky. not only can sticky one by one per child.

Snack:

https://snack.expo.io/H1y-ehCor

Issue Analytics

State:
Created 4 years ago
Comments:6

Top GitHub Comments

1reaction

ovliscommented, Feb 20, 2020

Any update on this?

0reactions

stale[bot]commented, May 30, 2020

Closing this issue after a prolonged period of inactivity. If this issue is still present in the latest release, please feel free to create a new issue with up-to-date information.

Top Results From Across the Web

ScrollView stickyHeaderIndices prop does not work as ...

I am using the ScrollView component and i want to have multiple sticky items while scrolling <ScrollView style={style.

Using React Native ScrollView to create a sticky header

Create a custom sticky header with React Native ScrollView that shrinks, expands, and changes color on scroll to enhance your app's UX.

ScrollView - React Native

A React Component that will be used to render sticky headers, should be used together with stickyHeaderIndices .

ScrollView · React Native

Creating JS components and native views for everything all at once, ... For example, passing stickyHeaderIndices={[0]} will cause the first child to be ......

React Native ScrollView Component - GeeksforGeeks

All the child components (text, views, images, etc.) ... StickyHeaderComponent: Component used to render sticky headers.