完美解决RN中ScollView包含多个TextInput手指触摸到Textinput区域内上下滑动失效的问题

最新推荐文章于 2023-06-12 11:11:36 发布

火星第一帅

最新推荐文章于 2023-06-12 11:11:36 发布

阅读量2.2k

点赞数 1

分类专栏： React-Native 文章标签： react-native

本文链接：https://blog.csdn.net/KungLun/article/details/122546397

版权

React-Native 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

最近，在开发列表输入时，遇到了一个很尴尬的问题，当scrollView 包裹多个TextInput时,TextInput 设置了属性 TextAlign:'right', 导致手指触摸到TextInput区域内scrollview滑动失效，这个问题困扰了我几天。

直到昨天才解决，真是尴尬！

废话不多说，解决方法如下：

只需要在TextInput中增加multiline属性即可！

这是我目前找到的解决方法，如果找到更好的方法，再更新，供大家参考！

<TextInput
     multiline
     placeholder='请输入'
     placeholderTextColor={fontColorLightGray}
     style={{textAlign:'right'}}
     textAlignVertical='top'
     selectionColor={mainThemeColor}
     value={inputText}
     onChangeText={(res) => {
        this.setState({ inputText: res });
     }}
/>