Texinput 没有空格?
Texinput without whitespace?
当用户在文本输入字段中输入白色 space 时,我需要提醒。在这样做的时候,我不希望键盘消失。我不知道该怎么做?
您可以使用 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;
工作示例
当用户在文本输入字段中输入白色 space 时,我需要提醒。在这样做的时候,我不希望键盘消失。我不知道该怎么做?
您可以使用 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;
工作示例