标签: textinput

在我的React Native应用程序中,我有两个TextInput组件,一个是数字,一个是默认值.问题是,onSubmitEditing适用于iOS和Android上的默认键盘,但它不会在iOS上的数字键盘上触发.

默认键盘:

我在下面的例子中使用默认的keyboardType.在Android和iOS上都会触发onSubmitEditing.

<TextInput
        value={this.state.username}
        onChangeText={(username) => this.setState({ username })}
        onSubmitEditing={() => console.log('onSubmitEditing triggered')}
      />

Android键盘有一个勾号按钮,iOS键盘有一个返回按钮.当我按下这些按钮时,会在两个键盘上触发onSubmitEditing.

数字键盘:

我在下面的例子中使用了数字keyboardType.我添加了returnKeyType ="done",因为iOS键盘现在显示一个没有设置returnKeyType的按钮.

<TextInput
        value={this.state.password}
        keyboardType="numeric"
        onChangeText={(password) => this.setState({ password })}
        onSubmitEditing={() => console.log('onSubmitEditing triggered')}
        returnKeyType="done"
      />

Android键盘显示一个勾选按钮,按下时会触发onSubmitEditing.iOS键盘在键盘上方显示"完成"按钮,但不会触发onSubmitEditing.

我已尝试使用onEndEditing prop,但它不能用作onSubmitEditing.它也会在模糊事件中触发.onSubmitEditing仅在按下返回键按钮时触发,这就是我真正需要的.

我正在开发一个关于本机反应的应用程序。我想在按下文本输入时调用日期选择器，并且在选择日期后它应该显示在文本输入上

我目前有以下输入代码行：

rawdata = raw_input('please copy and paste your charge discharge data')

当在 Ipython 中使用 Enthoughts GUI 并运行我的脚本时，我可以复制和粘贴预格式化的文本，该文本可以很好地提取 \t 和 \n。然而，当尝试将数据粘贴到脚本的终端样式版本中时，它会尝试处理每一行数据，而不是将其作为批量接受。有什么帮助吗？

更相关的代码行：

rawed = raw_input('Please append charge data here: ')     
    time, charge = grab_and_sort(rawed)

def grab_and_sort(rawdata):

    rawdata = rawdata.splitlines()
    ex = []
    why = []

    for x in range(2 , len(rawdata)):  
        numbers = rawdata[x].split('\t')
        ex.append(numbers[0])
        why.append(numbers[1])

    ex = array(ex)    
    why = array(why)  

    return (ex, why)

我想知道当用户单击字段来填充文本输入时如何清除“占位符”。

这是我的文本输入：

 <TextInput 
   style={{height:40, borderColor: 'gray', borderWidth:1}}
   onChangeText={(text) => this.setStoreName(text)}
   value={this.state.storeName}
 />

和我的构造函数：

 constructor(props) {
    super(props)
    this.state = { 
        name: "Votre nom", 
        storeName: "Le nom de votre commerce", 
        email: "Votre email", 
        address: "L'adresse de votre commerce", 
        city: "Votre ville", 
        category: "Categorie", 
        password: "Votre mot de passe"
    }
}

先感谢您。

我returnKeyType = "next"在 TextInput 组件中使用，但它的工作方式类似于returnKeyType="go"而不是移动到下一个文本输入字段。

我们如何使用键盘上的“下一步”按钮从一个文本输入字段移动到下一个文本输入字段？

当 secureTextEntry 为 true 时，有没有办法更改反应本机中 textInput 的样式。我想显示隐藏文本的星号（*）而不是点。

在我的 react-native 应用程序中，我有一个从中检索数据的 API，并且我在输入值中设置数据，用户应该能够编辑这些输入并进行更新，但是当我尝试输入输入时它不会输入任何内容并且值保持原样，这是 TextInput 代码：

<TextInput
   placeholder= Email
   value={this.state.info.email}
   onChangeText={email => this.setState({ email })}/>

当用户点击 aTextInput内部的 a时ScrollView，后者会自动向下滚动，这样文本字段就不会被键盘覆盖。

虽然这是一种非常有用且确实是可预期的行为，但有什么方法可以防止这种情况发生吗？

我希望ScrollView键盘弹出后保持在完全相同的滚动位置，即使文本字段因此被它覆盖。

这是一个例子：

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

export default class App extends Component {
    render() {
        return (
            <ScrollView style={{flex: 1}}>

                {/* Something to fill the screen */}
                <Text style={{fontSize: 70}}>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</Text>

                {/* TextInput on the keyboard level */}
                <TextInput style={{borderWidth: 1}} />

            </ScrollView>
        );
    }
}

在我的本机应用程序中，包含多个 TextInputs 用于呈现如下形式的表单：

{this.props.steps.map(step, index) => (
  <TextInput
    multiline={true}
    value={this.props.steps[index]}
    placeholder="Enter Step"
    onChangeText={value => this.handleFieldChange(value, index)}
    style={{ padding: 10, fontSize: 15 }}
  />
)}

在该onChangeText函数中，使用 redux 编辑 textinput 的值，并验证表单如下：

handleFieldChange = async (value, index) => {
  var steps = this.props.steps;
  steps[index]= value;
  store.dispatch(updateSteps({ steps: steps }));
  this.validateForm();
};

这意味着 TextInput 的值不会立即更新，因此当用户输入相对较快时，它会闪烁。

有人可以建议如何使文本输入更顺畅地更新吗？

使用 React，我有一个 MUI 多行 FieldText，其中有几个右对齐的 inputAdornment 图标。

当我填写时，该框会针对每个新行更改其高度，并且图标在中间垂直居中。

我试图使图标在顶部保持对齐，但未能做到。有办法吗？

抱歉，我无法提供示例，但我被禁止嵌入图像。希望我的问题很清楚，并提前感谢您的帮助。