Texinput без пробелов?

Question

Мне нужно предупредить, когда пользователь вводит пустое пространство при заполнении поля textınput.К тому времени, когда я это делаю, клавиатура не исчезнет.Понятия не имею, как это сделать, любая идея?

Answer 1

Вы можете использовать regex для этого.

import React, { Component } from "react";
import {  View, TextInput } from "react-native";


class App extends Component {

  state = {
     text : ''
  }

  hasWhiteSpace(s) {
    let regSpace= new RegExp(/\s/);
    // Check for white space
    if (regSpace.test(s)) {
      //your logic
      alert("Please Check Your Fields For Spaces");
      return false;
    } else {
       this.setState({ text:s })
    }
    return true;
  }

  render() {
    return (
      <View>
         <TextInput
            style={{ height: 40, borderColor: "gray", borderWidth: 1 }}
            onChangeText={text => {
            this.hasWhiteSpace(text);
          }}
          value={this.state.text}
        />
      </View>
    );
  }
}

export default App;

рабочий пример

https://codesandbox.io/embed/04jl3800vw