react-native-phone-number-input icon indicating copy to clipboard operation
react-native-phone-number-input copied to clipboard

VirtualizedLists causing issues

Open pierroo opened this issue 3 years ago • 3 comments

I have a scrollview wrapper as a parent for the view containing the PhoneInput. Unfortunately this triggers some console errors "VirtualizedLists should never be nested inside plain ScrollViews with the same orientation because it can break windowing and other functionality - use another VirtualizedList-backed container instead."

=> I don't see why, but is the phoneInput wrapped in some kind of scrollview itself? I don't understand why it triggers this error; removing the phoneinput removes the error as well so it does come from the component.

Thank you for your help!

pierroo avatar Mar 28 '22 15:03 pierroo

The react-native-country-picker-modal dependency uses a ScrollView to display the list of countries, which of course should be scrollable.

So this library would need to change their structure.

That I understand and I don't mean to change it. However what surprised me, is that I used the props "countryPickerProps={{disableNativeModal: true}}", so at no time will the modal actually open. The modal is never mounted, so I don't understand why the library triggers this error?

pierroo avatar Apr 11 '22 11:04 pierroo

Same here

manssorr avatar Aug 03 '23 04:08 manssorr