applying onFocus disable list opening

[ionistrati]

I want to add the onFocus method, but it doesn't open the list. I think it's overwriting the method to open the list, any workarounds for this?

[domhacking]

@ionistrati , were you able to resolve this? Thanks

[domhacking]

@ionistrati, On reading some of the other issues it seems you can pass onFocus or onBlur directly to the component e.g

<SearchableDropdown
        onItemSelect={props.onItemSelect}
        onRemoveItem={props.onRemoveItem}
        itemStyle={styles.dropdownRow}
        itemTextStyle={styles.dropdownText}
        itemsContainerStyle={styles.dropdownContainer}
        items={props.items}
        defaultIndex={2}
        resetValue={false}
        onBlur={() => setDropdownActive(false)}
        onFocus={() => setDropdownActive(true)}
        textInputProps={{
          style: {
            padding: 12,
            paddingLeft: dropdownActive ? 50 : 12,
            borderWidth: 1,
            borderColor: '#ccc',
            borderRadius: 5,
          },

          onTextChange: text => console.log('Group', text),
        }}
        listProps={{
          nestedScrollEnabled: true,
        }}
      />

[shanutthankachan]

• Go to your node_module
• Find react-native-searchable-dropdown package
• Update focus: false to focus: true in index.js

export default class SearchableDropDown extends Component {
  constructor(props) {
    super(props);
    this.renderTextInput = this.renderTextInput.bind(this);
    this.renderFlatList = this.renderFlatList.bind(this);
    this.searchedItems = this.searchedItems.bind(this);
    this.renderItems = this.renderItems.bind(this);
    this.state = {
      item: {},
      listItems: [],
      //focus: false
      focus: true
    };
  }