ScrollView嵌套TextInput Android无法滑动

Posted 2022-11-06 TaoLee-

ScrollView which contains TextInput not scrolling - android

         <ScrollView>
                  <TextInput
                    style= textAlign：'right' 
                  />
          </ScrollView>

在Android平台，当TextInput的style为textAlign：‘right’ 时，按住输入区域无法滑动ScrollView

github在ReactNative issues下面有相关内容；
https://github.com/facebook/react-native/issues/12167
https://github.com/facebook/react-native/issues/15274

解决办法：
1 添加

    mutiline  
    maxLength= 1024 
    keyboardType='default'

亲测有效，但是keyboardType="numeric"下无效，而且输入框变成了多行和需求相背离。

2不使用textAlign：'right' 间接实现效果

 <ScrollView
          style=[cStyle.lightGrayContainer]
        >
          <View style= flex: 1 />
          <View
            style=
              flex: 2,
              flexDirection: 'row',
              justifyContent: 'flex-end',
              alignItems: 'center',
            
          >
            <TextInput
              placeHolder='请输入'
              style=[ minWidth: 80 , styles.fs14]
              multiline
            />
          </View>
        </ScrollView>

3彻底解决请尝试事件分发拦截