jjzjj

TextInput

全部标签

javascript - React Native ListView TextInput 锁定性能优化渲染

我正在尝试为我的ListView的每一行中包含的每个文本输入设置一个状态值。问题是,ReactNative的ListViewComponent有一堆优化技术,比如删除超出屏幕边界的行。这导致了一个问题,因为TextInputs正在锁定它们的值属性,编辑它们将不再反射(reflect)更改并且状态值被锁定或其他什么。我附上了一段视频来展示这种行为。https://www.youtube.com/watch?v=fq7ITtzRvg4&feature=youtu.be_renderRow(value){lettempWidth=window.width/2.13if(value.data.

android - 在 Android 上更改高度时,react-native TextInput 显示错误

我有一个具有以下样式的TextInput:amountInput:{flex:1,backgroundColor:'rgba(255,255,255,0.1)',color:'rgba(255,255,255,0.9)',},在iOS上它正确地看起来没有足够的填充:在Android上默认有巨大的填充:没问题-我将设置左右内边距和高度:amountInput:{flex:1,backgroundColor:'rgba(255,255,255,0.1)',height:30,paddingRight:5,paddingLeft:5,color:'rgba(255,255,255,0.9)'

javascript - 如何更改 TextInput 上的光标位置? ( native react )

我可以使用获取光标位置onSelectionChange={(event)=>console.log(event.nativeEvent.selection)}但是如何改变呢? 最佳答案 react-native-textinput-utils目前还没有api可以修改。您可以订阅thisissue以便进一步改进。 关于javascript-如何更改TextInput上的光标位置?(nativereact),我们在StackOverflow上找到一个类似的问题:

android - React Native 多行 TextInput,文本居中

因此,当使用带有multiline=true的文本输入时,我遇到了文本垂直居中而不是被推到顶部的问题。这个问题在ios和android上都会发生,除了android有另一个问题,当输入多行时,它们会被信箱化到1行的高度。我想指出,我已经尝试将textAlignVertical:'top'添加到文本输入的样式中代码:(我把它作为一个单独的组件,因为我在带有表单文本的表单中使用它,但所有参数都传递了一些东西){inputRef&&inputRef(r);}}/>样式:input:{paddingRight:10,lineHeight:23,flex:2,textAlignVertical:

javascript - react native : TextInput disappears when put into View

目前,我正在借助一本书学习ReactNative,书中解释了如何构建待办应用程序。但是,由于此错误/错误,我无法继续。这发生在IOS中,不确定这是否也发生在Android上,因为我还没有设置我的Android模拟器只是jet。我的容器有两个,工作正常。当我将两个输入都包装到View中时,它们就会“消失”。这是我的组件NoteScreen.js:importReact,{Component,StyleSheet,TextInput,View}from'react-native';exportdefaultclassNoteScreenextendsComponent{render(){r

ios - <TextInput keyboardType ="numeric"/> 在 native react 中不起作用

HereismyinstancevarLoginPopup=React.createClass({render:function(){return()}})InthiscomponentanytypeofkeyboardTypeisnotworking(likenumber,url,email-address,number-pad,phone-padetc,) 最佳答案 this.setState({mobileNumber})}style={[styles.input]}/> 关于io

android - React Native - 设置 TextInput 光标位置

在我的ReactNative应用程序中,我试图将TextInput的光标位置设置到特定位置(例如,到第5个字符),但由于缺少文档,我很难这样做一点。我怀疑它与TextInput的“setSelection”属性有关,但我似乎不知道该怎么做。有人成功过吗?谢谢。 最佳答案 正如@this.lau_所说,有一个名为selection的受控属性,它接受一个带有开始和结束键的对象。例子:classControlledSelectionInputextendsComponent{state={selection:{start:0,end:0}

android - React Native Android App 中 TextInput 下的意外行

我正在使用ReactNative构建一个应用程序,我在我的物理Android设备上的每个TextInput下方都得到了一条奇怪的意外行,如下图所示。此外,这些线条不会显示在iOS模拟器中。Input组件的代码:importReactfrom'react';import{TextInput,View,Text}from'react-native';constInput=({value,onChangeText,placeholder,secureTextEntry})=>{const{inputStyle,labelStyle,containerStyle}=styles;return(

ios - react-native 中 ios 的 TextInput 下划线颜色

我正在为android和ios做react-native的移动应用程序。在我的项目中,我使用的是TextInputComponent(ios)。该组件没有下划线。如何在ios中使用带有下划线颜色的TextInput。代码示例- 最佳答案 您可以将borderBottomWidth和borderBottomColor添加到TextInput,或者简单地在TextInput下方绘制一个高度为1或2px的View。 关于ios-react-native中ios的TextInput下划线颜色,我

javascript - react native : How to keep multi-line textinput visible above keyboard

我有一个多行设置为true的TextInput。我滚动到焦点输入:scrollResponder.scrollResponderScrollNativeHandleToKeyboard(React.findNodeHandle(this.refs.myInput),0,true);但是,当多行TextInput展开时,文本将隐藏在键盘下方。我只想在光标/当前文本不可见时向下滚动。所以我不能只在文本更改时运行上面的代码,因为它会ScrollView,即使当前光标/当前文本是可见的(比如在第一行编辑)。有什么方法可以获取光标/当前文本在屏幕上的位置吗?或者还有其他方法可以做我想做的事吗?目