android ScrollView 滑动特效 怎么做成iphone那样有惯性弹性!

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了android ScrollView 滑动特效 怎么做成iphone那样有惯性弹性!相关的知识,希望对你有一定的参考价值。

我看iphone 的很有惯性左右拖动的时候。不知道android可否做到相似的效果 有人试验过么?

参考技术A 只使用listview的特性似乎做不出来。要onTouchEvent吧。大概就是起一个100mS定时器,计算滑动速度,然后在滑动结束后,继续计算滑动距离和速度吧。 参考技术B 是类似Android桌面那种,左右平滑拖动吗?(UCWeb也有这种效果) 参考技术C 涉及到滑动的速度 与距离 , 做一些判断条件可以应该可以实现,仔细研究以下 viegroup 类

ScrollView嵌套TextInput Android无法滑动

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彻底解决请尝试事件分发拦截

以上是关于android ScrollView 滑动特效 怎么做成iphone那样有惯性弹性!的主要内容,如果未能解决你的问题,请参考以下文章

android 中 scrollview 里面 又有一个子scrollview滑动事件冲突

android scrollview 嵌套listview 不滑动

android仿IOS,滑动隐藏底部ScrollView

Android ScrollView去掉右侧滑动条

android 如何禁止scrollview 滚动

ScrollView嵌套TextInput Android无法滑动