相关疑难解决方法(0)

React Native 只允许 TextInput 的小写输入

是否有可能有一个只允许小写输入的用于本机反应的 TextInput?

截至目前,尝试了以下代码:

state = { login: '' }

changeUsernameToLowercase = (input) => {
  var temp = input.toLowerCase()
  this.setState({login: temp})
}

<TextInput
  onChangeText={(login) => this.changeUsernameToLowercase(login)}
  value={this.state.login}
  autoCapitalize='none' />
Run Code Online (Sandbox Code Playgroud)

但它似乎不适用于某些 android 设备。

也许有更有效的方法来做到这一点?

react-native

7
推荐指数
1
解决办法
4724
查看次数

React Native:TextInput toUpperCase 在 Android 上的 onChangeText 中不起作用

我有一个 TextInput 组件,可以在打字时将输入转换为大写字母。我的代码如下:

import React, {Component} from 'react';
import { View, StyleSheet, Text, TextInput, Button } from 'react-native';

export default class ProfileTest extends React.Component {

 constructor(props) {
    super(props);
    this.state = {text : ''};
  }

  render() {
    return ( 
     <View>
          <TextInput
            style={{fontSize : 60}}
            onChangeText={text => {
              text = text
                .toUpperCase();
              this.setState({ text: text });
            }}
            value={this.state.text}
            placeholder="enter text"
          />

        </View>
    )
  }
}
Run Code Online (Sandbox Code Playgroud)

在世博会上,这确实有效。但是,当我在 Android 设备上尝试此操作时,我得到以下行为:

前两个字母工作正常,但每当我添加第三个字母时,它就会突然重复前两个字母,这样 ABC -> ABABC 我不知道为什么它会这样做,而且我似乎无法摆脱它。我已确定“.toUpperCase()”是罪魁祸首。

感谢您的帮助!

native repeat textinput uppercase reactjs

5
推荐指数
1
解决办法
894
查看次数

标签 统计

native ×1

react-native ×1

reactjs ×1

repeat ×1

textinput ×1

uppercase ×1