标签: textinput

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

我有一个类型的输入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
查看次数

如何控制React Native的&lt;TextInput&gt;的defaultValue?

我有<TextInput/>一个defaultValue设置和一个按钮,它会引发和传递defaultValue<TextInput>其他地方。

但是,我怎么在传递<TextInput/>defaultValueonPress的方法<TouchableHighlight/>

这是我要实现的目标:

changeName(text) {
    this.setState({nameNow: text}) //How can I immediately set the defaultValue='PassMeIn' to nameNow? Because this method would never be called unless text is changed within TextInput
}

sendOff() {
    //Would like to access the defaultValue='PassMeIn' here whenever sendOff() is called. How can I?
}

render() {

    return (
      <View>
            <TextInput 
                defaultValue='PassMeIn' 
                onChange={this.changeName} 
                value={this.state.nameNow}
            />
            <TouchableHighlight onPress={this.sendOff}/>
                <Text>Button</Text>
            </TouchableHighlight>
      </View>
    )
}
Run Code Online (Sandbox Code Playgroud)

javascript css textinput jsx react-native

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

聚焦 TextInput 时的大写键盘

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

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

在此处输入图片说明

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

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

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

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

keyboard android textinput react-native

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

TextInput 允许字体缩放 false

我正在使用 React Native 构建一个应用程序。问题是,当通过手机设置更改字体大小时,应用程序中的字体大小也会发生变化,即使它们都设置为固定的字体大小。

例如,考虑以下Text字体大小为 12 的元素:

<Text style={{fontSize: 12}}>Hello World</Text>
Run Code Online (Sandbox Code Playgroud)

我发现有一个针对allowFontScaling此问题命名的道具。因此,我转到App.js并添加以下行以禁用整个应用程序中的字体缩放:

Text.defaultProps.allowFontScaling = false;
Run Code Online (Sandbox Code Playgroud)

它工作完美。但是,元素似乎并未实现相同的道具TextInput。当我尝试对 执行相同操作时TextInput,出现以下错误:

undefined 不是对象(评估 '_reactNative.TextInput.defaultProps.allowFontScaling = false')

因此,我可能会为 设定固定的字体大小Text,但不会TextInput。这个问题有什么解决方法吗?我的react-native版本是0.48.4。

提前致谢。

textinput reactjs react-native

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

如何设计反应本地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中时如何自动向上滚动屏幕(在Android上)

虚拟键盘覆盖了文本输入,我看不到我正在输入的内容。如何避免这种情况?(我尝试使用 KeyboardAwareScrollView 但它仍然覆盖文本输入)。我遇到的另一个问题是关于我的 styles.container 属性 -> justifyContent 和alignItems 的错误 - 它说将它们放在 ScrollView 属性内 - 我不知道如何做到这一点 - 我是 React Native 的新手。

  render() {
    return (
      <KeyboardAwareScrollView>
      <View style={styles.container} >
         <TextInput
          style={styles.input}
          underlineColorAndroid="transparent"
          placeholder="username"
          placeholderTextColor="#00bcd4"
          autoCapitalize="none"
          secureTextEntry={true}
          onChangeText={username => this.setState({ username })}  

          />
          <View style={styles.btnContainer}>     
         <TouchableOpacity style={styles.userBtn}  onPress={() => this.Login(this.state.email, this.state.password)}>
                   <Text style={styles.btnTxt}>Login</Text>
         </TouchableOpacity>

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

对于 KeyboardAvoidingView 也有同样的事情:

  render() {
    return (
      // <View style={styles.container} >
         <KeyboardAvoidingView behavior="padding" style={styles.container}>
         <Text style={styles.heading} >Welcome to SelfCare !</Text>
          <Image
          style={{width: 200, height: 200, …
Run Code Online (Sandbox Code Playgroud)

android textinput scrollview android-virtual-keyboard react-native

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