首页 > 解决方案 > 小写第一个字母

问题描述

我是反应原生的新手。如何小写文本框的第一个字母?我在https://facebook.github.io/react-native/docs/textinput上看到使用 enum('words') 但不知道如何应用它。

请你帮助我好吗?

已编辑

render() {
function capitalizeFirstLetter(string) {
    return string.charAt(0).toDownerCase()+ string.slice(1);
}
var newString = downcaseFirstLetter(value);
        <View style={styles.container}>
            <TextInput style={styles.inputBox}/>
            onChangeText={(email) => this.setState({email})}
            underlineColorAndroid='rgba(0,0,0,0)' 
            placeholder="Email"
            placeholderTextColor = "#232122"
            selectionColor="#232122"
            keyboardType="email-address"
            onSubmitEditing={()=> this.password.focus()}
    />

Perdon,我是 JavaScript 新手,但它是这样的吗?

标签: javascriptreactjsreact-nativetextbox

解决方案


要使用autoCapitalize,枚举是 TextBox 的一个属性/属性,所以它是 autoCapitalize="words"

<TextInput autoCapitalize="words" />

或者作为另一个示例,将每个句子的第一个字母大写(这是默认设置)

<TextInput autoCapitalize="sentences" />

虽然这会大写,而不是小写。正如@Travis James 所说,你需要 javascript 来做到这一点

function downcaseFirstLetter(string) {
    return string.charAt(0).toLowerCase() + string.slice(1);
}

var newString = downcaseFirstLetter(value);

推荐阅读