AdelRedaa97 / react-native-select-dropdown

react-native-select-dropdown is a highly customized dropdown | select | picker | menu for react native that works for andriod and iOS platforms.
MIT License
312 stars 133 forks source link

On update from 3.4.0 to 4.0.1 <SelectDropdown> is not shown #198

Open kitkline opened 1 week ago

kitkline commented 1 week ago

I feel this is a stupid question but cannot resolve it.

When is shift from version 3.4.0 to the latest version the is simply not shown at all. Elements above and below it are there but the is either not present or is zero size or something...

Am I missing a new parameter?

  <SelectDropdown
            data={this.props.data}
            onSelect={selectedItem => {
              this.onSelect(selectedItem.value);
            }}
            ref={this.pickerRef}
            defaultValue={this.props.defaultValue}
            defaultButtonText={this.findDefaultButtonText(this.props.defaultValue)}
            buttonTextAfterSelection={selectedItem => {
              return selectedItem.label;
            }}
            rowTextForSelection={item => {
              return item.label;
            }}
            rowTextStyle={Styles.selectDropdownText}
            buttonTextStyle={Styles.selectDropdownButtonText}
            buttonStyle={(this.props.small !== undefined && this.props.small === true ? Styles.selectDropdownButtonSmall : Styles.selectDropdownButton)}
            renderDropdownIcon={isOpened => {
              faAngleDown;
              return <FontAwesomeIcon icon={isOpened ? faAngleDown : faAngleDown} color={"#337ab7"} size={12} />;
            }}
            selectedRowTextStyle={Styles.selectDropdownRowText}
            disableAutoScroll={false}
            showsVerticalScrollIndicator={true}
            dropdownStyle={Styles.selectDropdownRow}
            search={this.props.search}
            searchInputStyle={Styles.selectDropdownSearchText}
            searchPlaceHolder={'Start typing...'}
            disabled={this.props.disabled}
            searchPlaceHolderColor={'#337ab7'}
            renderSearchInputLeftIcon={() => {
              return <FontAwesomeIcon icon={faSearch} color={"#337ab7"} size={12} />;
            }}
          />