标签: textinput

React Native多行TextInput,文本居中

因此,在使用multiline = true的文本输入时,出现文本垂直居中而不是被推到顶部的问题。

此问题在ios和android上均会发生,但android另一个问题是,当输入多行时,它们会被打成1行高。

我想指出的是,我尝试添加textAlignVertical: 'top'textinput的样式

代码:(我将其作为单独的命令使用,因为我在带有表单文本的表单中使用它,但是所有参数都以某种方式传递)

    <TextInput
            style={styles.input}
            value={value}
            autoComplete={autoComplete}
            autoCapitalize={autoCapitalize}
            placeholder={placeholder}
            secureTextEntry={secureTextEntry}
            keyboardType={keyboardType}
            returnKeyType={returnKeyType}
            autoFocus={autoFocus}
            onChangeText={onChangeText}
            onSubmitEditing={onSubmitEditing}
            multiline={multiline || false}
            ref={(r) => { inputRef && inputRef(r); }}
    />
Run Code Online (Sandbox Code Playgroud)

样式:

input: {
    paddingRight: 10,
    lineHeight: 23,
    flex: 2,
    textAlignVertical: 'top'
},
Run Code Online (Sandbox Code Playgroud)

ios屏幕截图

android屏幕截图

tia

android textinput ios reactjs react-native

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

如何取消编辑/禁用缓存输入(类型文本)值?

我有一个类型的输入text,我已经输入了1234
它已保存在缓存中的值,如下所示.

替代文字

这里的问题是,在下一行中选择文本框是非常令人沮丧的.

有没有办法不12334通过HTML标记或javascript 显示(在屏幕截图中突出显示)?

html javascript caching autocomplete textinput

6
推荐指数
2
解决办法
1万
查看次数

如何在TextCompositionEventArgs中更改Text

C#WPF - 我有一个自定义的可编辑数据网格,它使用我自己的继承自DataGridTextColumn的自定义列.在我的列类中,我重写了GenerateEditingElement,以便我可以自动设置MaxLength,CharacterCasing等内容.

问题是,当用户突出显示一个单元格,然后键入他们的第一个字符时,datagrid会自动进入editmode.所以我的GenerateEditingElement会触发,我可以设置文本框.不幸的是,这对于角色来说太晚了,而且TextCompositionEventArgs中已经有一个小写字母.后续类型字符是正确的情况.

列类PrepareCellForEdit是下一个触发的,它有TextCompositionEventArgs.但是,我似乎无法改变文字.我遇到了setter不可用的编译错误.(即使知识的智能帮助确实说得到并设置).

无论如何我可以通过编程方式将我的字符串放入文本框中吗?或者我如何在TextCompositionEventArgs中更改该文本?

c# wpf datagrid textbox textinput

6
推荐指数
1
解决办法
1441
查看次数

以数字或符号模式打开或启动软件键盘

我搜索了很长时间才得到答案,现在是时候在stackoverflow上问我的问题了.

我无法想象Android OS无法让软键盘以数字/符号代码开头并让用户能够切换回字母?

我已经尝试过但没有成功:

代码:

editTextHouseNumber.setRawInputType(InputType.TYPE_CLASS_NUMBER);
editTextHouseNumber.setInputType(InputType.TYPE_CLASS_NUMBER);
Run Code Online (Sandbox Code Playgroud)

xmlLayoutFile:

android:inputType="textPostalAddress"
android:inputType="number|textCapCharacters"
android:inputType="number"
Run Code Online (Sandbox Code Playgroud)

请帮忙

android numbers textinput android-softkeyboard

6
推荐指数
1
解决办法
869
查看次数

反应本机 textInput scrollView android

我正在尝试编写一个非常简单的应用程序来测试 React Native。

我在一个大的 ScrollView 中有一些 TextInput 组件,作为注册公式。

一切正常,但是当我滚动单击 TextInput 时,它不滚动。

我只能在空白处单击时滚动页面。知道怎么做吗?

谢谢。

<ScrollView>
  <TextInput onChangeText={email => this.setState({email})} label={ I18n.t("contactEmail") }/>
  <TextInput onChangeText={email => this.setState({email})} label={ I18n.t("contactEmail") }/>
  <TextInput onChangeText={email => this.setState({email})} label={ I18n.t("contactEmail") }/>
  <TextInput onChangeText={email => this.setState({email})} label={ I18n.t("contactEmail") }/>
</ScrollView>
Run Code Online (Sandbox Code Playgroud)

javascript textinput scrollview reactjs react-native

6
推荐指数
1
解决办法
3183
查看次数

聚焦 TextInput 时的大写键盘

TextInput在 react-native 中有一个字段,我设置autofocustrue这样它在加载时会自动打开键盘。

我想要的是它以大写字母打开键盘(不仅对于第一个字符,我希望启用大写键,以便在键入时所有字母都为大写)

在此处输入图片说明

根据TextInput 文档,我可以指定与keyboardType道具一起使用的键盘类型。

有几种可用的键盘:默认、电子邮件、数字、电话...

但是他们都没有做我想做的:(

聚焦 TextInput 时,如何强制键盘为大写?

keyboard android textinput react-native

6
推荐指数
2
解决办法
6592
查看次数

如何设计反应本地OTP进入屏幕?

我是本机设计的新手。请让我知道如何实现如下所示的屏幕在此处输入图片说明

有必要使用4 TextInput还是可以使用一个?

textinput react-router react-native

6
推荐指数
2
解决办法
5853
查看次数

如何在 React Native 的 Textinput 中插入自定义表情符号(小图)?

我正在构建一个 BBS 应用程序,用户可以在发布或回复文章时将自定义表情符号(使用我创建的自定义键盘)插入到 Textinput 中。

例如,我有一张笑脸图片,它会映射到像 [:custom_smile_code:] 这样的代码。当用户在 Textinput 中输入文本时,如果他/她点击图片,我希望它会将图片插入到 Textinput 中,但我该如何实现呢?如果它只是一个视图,我可以使用 Image 组件,但这是 Textinput。我唯一能做的就是插入 [:custom_smile_code:] 而不是图片。

有什么方法可以将小图片(类似于自定义表情符号)插入到 Textinput 中?(另外,我需要使用删除按钮将其删除并在其周围移动光标)

textinput emoji react-native

6
推荐指数
0
解决办法
2802
查看次数

React Native 不建议使用 TextInput 发送电子邮件

React Native 不会在登录表单上建议新用户常用的电子邮件地址。LoginForm.js 和Email.js 是功能性的,但它不提供当前用户常用的电子邮件地址。我没有使用 firebase、google 签名或 facebook 签名,例如类似的库,所以我需要一些内置的 react native 功能来使我的用户登录、注册更容易。

登录表单.js

....

<Email
    placeholder={i18n.t("i18n_email")}
    value={this.state.email}
    onChangeText={email => this.validate({ email })}
    autoCorrect={true}
    autoCapitalize="none"
    autoCompleteType="email"/>

....
Run Code Online (Sandbox Code Playgroud)

在 Email.js 上

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

const styles = StyleSheet.create ({
  inputStyle: {
    zIndex: 1,
    position: 'absolute',

  },
  labelStyle: {
    fontSize: 18,
    paddingLeft: 20
  },
  containerStyle: {
    height: 50,
    flex: 1,
    flexDirection: "row",
    alignItems: "center",
    width: '100%'
  }
});

const Email = ({
  value, …
Run Code Online (Sandbox Code Playgroud)

email autocomplete textinput react-native

6
推荐指数
1
解决办法
2831
查看次数

使用 editable=true 和 dataDetectorTypes 响应 Native TextInput

我正在尝试创建一个可编辑且具有可点击网址的 TextInput 组件。根据 react native docs,仅当 editable={false} 时才支持 dataDetectorTypes 属性。

Determines the types of data converted to clickable URLs in the text input. Only valid if multiline={true} and editable={false}.
Run Code Online (Sandbox Code Playgroud)

有没有人找到解决这个限制的方法?好像应该是可以的。我想要的行为是...

  1. 点击 url 应该在浏览器中打开它
  2. 点击其他任何地方应该在该位置开始编辑
  3. 如果当 TextInput 当前具有焦点时链接不再可点击,那没关系

textinput datadetectortypes react-native

6
推荐指数
1
解决办法
557
查看次数