Dropdown towards the bottom of the screen shows up blank

[dekkofilms]

Right now I'm putting the dropdown down towards the bottom of the address form, for a user to select a country. However, when I click on the options it is just blank. I realized if I attempted to scroll past the view visible, it is under everything (but not reachable). Right now, I have just copied and pasted the exact code from the README, so any thoughts or help would be appreciated.

          <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center'}}>
            <Select
              width={250}
              ref="SELECT1"
              optionListRef={this._getOptionList.bind(this)}
              defaultValue="Select a Province in Canada ..."
              onSelect={this._canada.bind(this)}>
              <Option value = {{id : "alberta"}}>Alberta</Option>
              <Option>British Columbia</Option>
              <Option>Manitoba</Option>
              <Option>New Brunswick</Option>
              <Option>Newfoundland and Labrador</Option>
              <Option>Northwest Territories</Option>
              <Option>Nova Scotia</Option>
              <Option>Nunavut</Option>
              <Option>Ontario</Option>
              <Option>Prince Edward Island</Option>
              <Option>Quebec</Option>
              <Option>Saskatchewan</Option>
              <Option>Yukon</Option>
            </Select>
            <Text>Selected Canada's province: {this.state.canada}</Text>
            <OptionList ref="OPTIONLIST"/>
          </View>

With the appropriate functions needed in the container itself.

Before click:

After click:

[gs-akhan]

Hi,
Please try this. Simple and take entire screen and shows selection

https://github.com/gs-akhan/react-native-chooser

[016chiang]

Example is not working.

[im4eversmrt]

same issue here , undefined is not an object .

[ghost]

Same issue

[gs-akhan]

Hi, This is because of deprecated prop_types.. :( I am sorry I did not update the package.