There is space.

[jukqaz]

Image

Code

{devices && (
  <SelectProvider>
    <PaddingContainer style={{ width: '100%' }}>
      <Select
        animated
        placeholderText={'Select device'}
        onSelect={(_, index) => selectDevices(index)}
        options={devices.map((device) => ({
          label: device.deviceId,
          value: device.deviceNickname,
        }))}
      />
    </PaddingContainer>
  </SelectProvider>
)}

Explain

As in the code shown above, I used only the basic functions, but there is a space as above in Android and iOS.
What should I fix?

[jukqaz]

When optionsListStyle={{ marginTop: -97 }} is applied, the space disappears, but it seems to be an incorrect method.

[kkaplinski]

Hi @jukqaz. Please try to wrap your whole app with <SelectProvider> in root component: https://mobilereality.github.io/react-native-select-pro/docs/api/select-provider.

If it doesn't help please provide us with some reproducible expo snack or minimum repo.

[jukqaz]

Thank you for your support!