• Empleos
  • Sobre nosotros
  • profesionales
    • Inicio
    • Empleos
    • Cursos y retos
  • empresas
    • Inicio
    • Publicar vacante
    • Nuestro proceso
    • Precios
    • Evaluaciones
    • Nómina
    • Blog
    • Comercial
    • Calculadora de salario

0

103
Vistas
ReactNative SearchableDropdown Problem with data that contain simbols

Hi i am using an SearchableDropdown to filter some data when i search for tham. When i go filter i have 1500 users with names and some of tham have simbols in their name like this one "&" and when there is a name like Fish & Chips i am getting an error and i dont see that user i get 0 data and i should have been found that user couse i send the data via options to search him specificly. And any other customer that does not have that simbol i search succesfuly.

This is my Searchable dropdown.

            <SearchableDropdown
                  multi={false}
                  onItemSelect={(item) => {
                    var items = [];//this.state.searchVendor;
                    items.push(item)
                    this.setState({...this.state, searchCustomer: item });
                  }}
                  chip={true}
                  selectedItems={this.state.searchCustomer}
                  containerStyle={{ padding: 0 }}
                  onRemoveItem={(item, index) => {
                    //const items = this.state.searchVendor.filter((sitem) => sitem.id !== 
                   item.id);
                    this.setState({...this.state, searchCustomer: ''});
                  }}
                  textInputStyle={styles.input}
                  itemStyle={{
                    paddingVertical: 10,
                    paddingHorizontal: 0,
                    marginTop: 2,
                    backgroundColor: '#FFF',
                    borderColor: '#DDD',
                    borderBottomWidth: 1,
                  }}
                  itemTextStyle={{
                    fontFamily: 'Poppins-Regular',
                    color: '#222',
                  }}
                  defaultIndex={0}
                  itemsContainerStyle={{ maxHeight: 140 }}
                  items={this.state.allCustomersList}
                  resetValue={false}
                  textInputProps={
                    {
                      placeholder: this.state.searchCustomer !== undefined && 
               this.state.searchCustomer.name !== undefined ? this.state.searchCustomer.name : '',
                      placeholderTextColor: '#000',
                      underlineColorAndroid: "transparent",
                      onTextChange: (text) => {}
                    }
                  }
                  listProps={ {nestedScrollEnabled: false} }

I dont know is this enough information but if someone had simmilar issues please help :D

about 3 years ago · Juan Pablo Isaza
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Nuestro proceso Comercial
Legal
Términos y condiciones Política de privacidad
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recomiéndame algunas ofertas
Necesito ayuda