No search box is visible

[thegrandpoobah]

I use the component with the following code:

<View>
        <CountryPicker
          lang={i18n.language}
          show={countryCodePickerVisible}
          pickerButtonOnPress={item => {
            setCountryCode(item)
            setCountryCodePickerVisible(false)
          }}
          style={{
            dialCode: { color: theme.colors?.primary },
            countryName: { color: theme.colors?.primary },
          }}
        />
</View>

(there is of course more around this, but I tried to limit it to the minimum, can add more if necessary)

But when I set countryCodePickerVisible to true, I get the following screenshot:

i.e. the search bar is not visible. I don't see any props to make the search bar visible, so I'm not sure what the issue is. Looked through the code as well and it looks like it should just work by default... Any hints on where to start looking?

(Loving this library btw. super simple to use)

[Abubakarraza]

Any Update here i also face same issue

[redcodemohammed]

I had the same issue, the problem is that the search box is hidden under the system bar, I ended up adding some top margin to the modal to make the search bar show. But I don't think this is the best solution.

[AlixH]

Adjust the height of the modal
e.g. style={{modal: {height: '80%'}}}