草庐IT

textInput

全部标签

javascript - 输入类型文本(不是文本区域)中的插入符号位置(以像素为单位)

这个问题在这里已经有了答案:HowdoIgetthe(x,y)pixelcoordinatesofthecaretintextboxes?(2个答案)关闭8年前。更新:Getcursorortextpositioninpixelsforinputelement的副本.TL;DR-使用令人难以置信的轻量级和强大的textarea-caret-positionComponent库,现在支持以及。演示http://jsfiddle.net/dandv/aFPA7/有没有办法知道插入符号在HTML文本字段中的位置?我想根据插入符号的位置以像素为单位定位(并重新定位)一个div。Note:Ido

javascript - react native : TextInput with state and AsyncStorage

在键盘上打字时,我看到一些关于输入在JS代码之前的警告。NativeTextInput(reactnativeisawesome)is4eventsaheadofJS-trytomakeyourJSfaster.因此添加了debounce并让它“工作”:...import{debounce}from'lodash'...exportdefaultclassAppextendsReact.Component{constructor(props){super(props)this.state={data,indexRef:data.reduce((result,item,index)=>{

javascript - react native : TextInput with state and AsyncStorage

在键盘上打字时,我看到一些关于输入在JS代码之前的警告。NativeTextInput(reactnativeisawesome)is4eventsaheadofJS-trytomakeyourJSfaster.因此添加了debounce并让它“工作”:...import{debounce}from'lodash'...exportdefaultclassAppextendsReact.Component{constructor(props){super(props)this.state={data,indexRef:data.reduce((result,item,index)=>{

ios - 如何计算 React Native 中 TextInput 组件中文本的宽度?

我试图让TextInput自动缩放,也就是说,TextInput的高度随着文本换行到下一行而增加。所以我试图计算文本的宽度,并将它的宽度与TextInput的宽度进行比较。如果大于宽度,TextInput的高度将增加。那么我的问题是如何计算文字的宽度呢?有没有其他方法可以实现自动缩放的效果?谢谢! 最佳答案 目前没有简单的方法来获取TextInput的内部内容宽度.ReactNative非常需要像您描述的那样自动调整文本输入的大小。我也可以用一个,所以当我有空的时候,我可能会尝试写一个。与此同时,这里有一个解决方法来完成您所描述的:

ios - 如何计算 React Native 中 TextInput 组件中文本的宽度?

我试图让TextInput自动缩放,也就是说,TextInput的高度随着文本换行到下一行而增加。所以我试图计算文本的宽度,并将它的宽度与TextInput的宽度进行比较。如果大于宽度,TextInput的高度将增加。那么我的问题是如何计算文字的宽度呢?有没有其他方法可以实现自动缩放的效果?谢谢! 最佳答案 目前没有简单的方法来获取TextInput的内部内容宽度.ReactNative非常需要像您描述的那样自动调整文本输入的大小。我也可以用一个,所以当我有空的时候,我可能会尝试写一个。与此同时,这里有一个解决方法来完成您所描述的:

javascript - 提交后如何获得 React Native TextInput 以保持焦点?

我可以解释我想做什么,但是thisReactJSexample正是我想要的演练。问题是我无法弄清楚ReactNative的等价物是什么。基本上,当我在TextInput中按下回车键时,我希望清除文本并保持焦点。有什么想法吗? 最佳答案 我已经提交了一个带有blurOnSubmit属性的PR。将其设置为false并且TextInput永远不会模糊,不过onSubmitEditing仍然会触发。希望它被合并。:)https://github.com/facebook/react-native/pull/2149

javascript - 提交后如何获得 React Native TextInput 以保持焦点?

我可以解释我想做什么,但是thisReactJSexample正是我想要的演练。问题是我无法弄清楚ReactNative的等价物是什么。基本上,当我在TextInput中按下回车键时,我希望清除文本并保持焦点。有什么想法吗? 最佳答案 我已经提交了一个带有blurOnSubmit属性的PR。将其设置为false并且TextInput永远不会模糊,不过onSubmitEditing仍然会触发。希望它被合并。:)https://github.com/facebook/react-native/pull/2149

ios - 无法在 react native TextInput 中将自动更正设置为 {false}

在我的TextInput更改文本中,我检测到用户是否推送了@按钮进行提及。onChangeText(text){constsuggestTrigger=text.match(/\B@[A-Za-z0-9]*$/i)//grab"@"triggerconstsearchQuery=(suggestTrigger&&suggestTrigger.length>0)?suggestTrigger[0]:null;this.setState({searchQuery:searchQuery})}然后,在我的渲染中,我这样做:但是,即使我这样做,自动更正也不会关闭。我仍然看到这个:这会导致问题,

ios - 无法在 react native TextInput 中将自动更正设置为 {false}

在我的TextInput更改文本中,我检测到用户是否推送了@按钮进行提及。onChangeText(text){constsuggestTrigger=text.match(/\B@[A-Za-z0-9]*$/i)//grab"@"triggerconstsearchQuery=(suggestTrigger&&suggestTrigger.length>0)?suggestTrigger[0]:null;this.setState({searchQuery:searchQuery})}然后,在我的渲染中,我这样做:但是,即使我这样做,自动更正也不会关闭。我仍然看到这个:这会导致问题,

ios - React Native TextInput 模糊消耗 TouchableHighlight 按下事件

我有一个当我点击红色的Post按钮时,我想提交.当TextInput获得焦点时,我完成输入并点击Post按钮,键盘关闭但按钮未注册点击。我尝试使用TextInputonBlur事件,但它没有给我触摸点的坐标,所以我不知道触摸点是否真的在按钮上。 最佳答案 您需要将属性keyboardShouldPersistTaps={true}添加到您的ScrollView。这是docs的内容说:keyboardShouldPersistTapsbool:Whenfalse,tappingoutsideofthefocusedtextinputw