Open chfinst opened 1 year ago
:warning: | Missing Reproducible Example |
---|---|
:information_source: | We could not detect a reproducible example in your issue report. Please provide either:
|
Reproducible Snack: https://snack.expo.dev/mCHEtDAet
Is this specific to when using getItemLayout?
It is specific to when using initialScrollIndex, which requires getItemLayout to be implemented.
Also running into broken FlatLists with recent RN versions. Started happening after updating RN.
Possibly related: https://github.com/facebook/react-native/issues/36766 https://github.com/facebook/react-native/issues/39421
Same issue here. When I use initialScrollIndex there is nothing rendered above my selected list item if my list isn't long enough to scroll. I'm on version 0.72.6
Also running into the same issue.
Same issue here. When I use initialScrollIndex there is nothing rendered above my selected list item if my list isn't long enough to scroll. I'm on version 0.72.6
I'm experiencing this problem exactly as you describe it.
Same issue here. When I use initialScrollIndex there is nothing rendered above my selected list item if my list isn't long enough to scroll. I'm on version 0.72.6
I have a same problem with VirtualizedList (( RN 0.73.6
I am also facing this problem. Any solution for this ?
@kapilkkmr92 my workaround:
const selectedValueRef = React.useRef(value);
React.useEffect(() => {
selectedValueRef.current = value;
}, [value]);
const flatListRef = React.useRef<FlatList>(null);
React.useEffect(() => {
if (flatListRef.current) {
const index = options.findIndex((item) => item.value === selectedValueRef.current);
if (index !== -1) {
flatListRef.current.scrollToIndex({ index: index, animated: false });
}
}
}, [options]);
Confirmed that this is still not fixed in RN 0.74.1.
same here, RN 0.73.8
same here, RN 0.73.9
I had the same issue and noticed that the Flatlist renders exactly 10 elements. My workaround is to pass:
maxToRenderPerBatch={20}
to the Flatlist
where 20 can be any suitable number.
RN version: 0.70.5
Description
When there is not enough elements to place the initialScrollIndex at the top, elements before initialScrollIndex are not displayed before scrolling.
React Native Version
0.72.6
Output of
npx react-native info
System: OS: macOS 13.5.2 CPU: (16) x64 Intel(R) Core(TM) i9-9980HK CPU @ 2.40GHz Memory: 1.44 GB / 32.00 GB Shell: version: "5.9" path: /bin/zsh Binaries: Node: version: 16.18.1 path: ~/.asdf/installs/nodejs/16.18.1/bin/node Yarn: version: 1.22.19 path: ~/.asdf/installs/nodejs/16.18.1/bin/yarn npm: version: 8.19.2 path: ~/.asdf/plugins/nodejs/shims/npm Watchman: version: 2023.10.09.00 path: /usr/local/bin/watchman Managers: CocoaPods: version: 1.12.1 path: /Users/christianfinstad/.rbenv/shims/pod SDKs: iOS SDK: Platforms:
Steps to reproduce
Snack, screenshot, or link to a repository
https://github.com/facebook/react-native/assets/14904827/2b73b749-2f6d-46c6-8eda-b11ab214e05d