Initial render does not show the options

[aytuncdemr]

I am not sure if this is specific to ios but for some reason initially rendering the options is buggy, fix it man what kind of library is this

[Manweill]

same issues with me. if initially selectedIndex > 1, the options is no render

[c-goettert]

I have the same issue unfortunatley (also on android)

[c-goettert]

Vibe-coded a patch that fixed it for me (use at own risk 🚨)

react-native-wheely+0.6.0.patch

[GabrielCuello23]

@c-goettert Dude, I'm Argentinian and at 4:20 in the morning I was trying to figure out why I was getting that error in the library, but with this patch it works perfectly! Thanks a lot, now I can sleep. xd

[GabrielCuello23]

If this bug is fixed in later versions, please let me know here so I can remove the patch. For now, it works perfectly. Thanks in advance, fellow programmers!

[lukeliasi]

Here is a hacky workaround if you don't want to mess with deps:

const [mounted, setMounted] = useState(false);

// Workaround for react-native-wheely bug where wheel doesn't render
// when selectedIndex > 1 on initial mount.
// See: https://github.com/erksch/react-native-wheely/issues/81
// Force remount after modal opens by toggling the `mounted` state,
// which changes the WheelPicker `key` prop.
useEffect(() => {
	const timer = setTimeout(() => setMounted(true), 50);
	return () => clearTimeout(timer);
}, []);

<WheelPicker key={`hours-${mounted}`} selectedIndex={21} />

[GabrielCuello23]

Thank you very much @lukeliasi , I'll try it and let you know if it worked.

[DaVO1D]

It is happening to me as well...it is basically glitching when having 2 wheels rendering together and one has bigger amount of items

[c-goettert]

As I still noticed some initial flickering with my initial patch, I tried again and came up with another fix. I also created a PR as I hope this package will stay maintained.
Until then, here is an updated patch: react-native-wheely+0.6.0.patch