因此,在使用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)
tia
我有一个类型的输入text,我已经输入了1234
它已保存在缓存中的值,如下所示.

这里的问题是,在下一行中选择文本框是非常令人沮丧的.
有没有办法不12334通过HTML标记或javascript 显示(在屏幕截图中突出显示)?
C#WPF - 我有一个自定义的可编辑数据网格,它使用我自己的继承自DataGridTextColumn的自定义列.在我的列类中,我重写了GenerateEditingElement,以便我可以自动设置MaxLength,CharacterCasing等内容.
问题是,当用户突出显示一个单元格,然后键入他们的第一个字符时,datagrid会自动进入editmode.所以我的GenerateEditingElement会触发,我可以设置文本框.不幸的是,这对于角色来说太晚了,而且TextCompositionEventArgs中已经有一个小写字母.后续类型字符是正确的情况.
列类PrepareCellForEdit是下一个触发的,它有TextCompositionEventArgs.但是,我似乎无法改变文字.我遇到了setter不可用的编译错误.(即使知识的智能帮助确实说得到并设置).
无论如何我可以通过编程方式将我的字符串放入文本框中吗?或者我如何在TextCompositionEventArgs中更改该文本?
我搜索了很长时间才得到答案,现在是时候在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)
请帮忙
我正在尝试编写一个非常简单的应用程序来测试 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) 我TextInput在 react-native 中有一个字段,我设置autofocus为true这样它在加载时会自动打开键盘。
我想要的是它以大写字母打开键盘(不仅对于第一个字符,我希望启用大写键,以便在键入时所有字母都为大写)
根据TextInput 文档,我可以指定与keyboardType道具一起使用的键盘类型。
有几种可用的键盘:默认、电子邮件、数字、电话...
但是他们都没有做我想做的:(
聚焦 TextInput 时,如何强制键盘为大写?
我正在构建一个 BBS 应用程序,用户可以在发布或回复文章时将自定义表情符号(使用我创建的自定义键盘)插入到 Textinput 中。
例如,我有一张笑脸图片,它会映射到像 [:custom_smile_code:] 这样的代码。当用户在 Textinput 中输入文本时,如果他/她点击图片,我希望它会将图片插入到 Textinput 中,但我该如何实现呢?如果它只是一个视图,我可以使用 Image 组件,但这是 Textinput。我唯一能做的就是插入 [:custom_smile_code:] 而不是图片。
有什么方法可以将小图片(类似于自定义表情符号)插入到 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) 我正在尝试创建一个可编辑且具有可点击网址的 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)
有没有人找到解决这个限制的方法?好像应该是可以的。我想要的行为是...
textinput ×10
react-native ×7
android ×3
autocomplete ×2
javascript ×2
reactjs ×2
c# ×1
caching ×1
datagrid ×1
email ×1
emoji ×1
html ×1
ios ×1
keyboard ×1
numbers ×1
react-router ×1
scrollview ×1
textbox ×1
wpf ×1