Comments (31)
Sorry, I am on Chinese new year holiday last days.
This problem may occur when you use a bottoming
Loading style.
You must set backgroundColor in contentStyle
to cover it.
from react-native-spring-scrollview.
Thank you for your response!
The loading style I use is stickyContent
not bottoming
and the background for contentStyle
is already set
I paid attention that this happens when SpringScrollView has about 200 items and the last item has long text. This leads to calculating the position of the footer has some wrong value
from react-native-spring-scrollview.
Why do you use SpringScrollView with so many items? SpringScrollView simply renders all its react child components at once. Performance issue may occur in this scene.
If you are sure, give me your code and your datasource and let me debug it.
from react-native-spring-scrollview.
I will fix the TouchableOpacity
problem and release react-native-largelist
Version 3
from react-native-spring-scrollview.
The problem that I cannot use large-list because it conflicts with react-navigation
library.
gestureHandlerRootHOC
cannot be used with react-navigation
library
from react-native-spring-scrollview.
Version 3 will not use react-native-gesture-handler
and gestureHandlerRootHOC
from react-native-spring-scrollview.
That would be awesome! Meanwhile I need to resolve this issue before my project ends.
Will really appreciate if you can help
from react-native-spring-scrollview.
give me your code and your datasource and let me debug it.
from react-native-spring-scrollview.
Here is the example. I hope it can help you
https://gist.github.com/vinhtq/15c8ebcf89d2aac15092d5e747409146
from react-native-spring-scrollview.
Try this:
<SpringScrollView
style={{ overflow: 'scroll'}}
//other props
>
...
</SpringScrollView>
from react-native-spring-scrollview.
Still not working.
Checked on emulator iPhone 6, ios version 12.1
from react-native-spring-scrollview.
It works on your example. I have tested it.
from react-native-spring-scrollview.
from react-native-spring-scrollview.
Can you check it on emulator iphone 6
from react-native-spring-scrollview.
Yes, it also works well. Maybe it is the react-native version problem, mine is 0.55.4
from react-native-spring-scrollview.
Yes look like the react native version. I am using version 0.57.4
from react-native-spring-scrollview.
Have you tried 0.55.4, how about it ?
from react-native-spring-scrollview.
I got some error regarding to downgrade the react native version. Need a little bit time to resolve this
from react-native-spring-scrollview.
Sorry downgrade from 0.57 to .055 requires a lot of changes in the configuration. Will pm you soon
from react-native-spring-scrollview.
Is there any other way to fix this issue beside downgrade react-native version?
from react-native-spring-scrollview.
I have upgraded my react-native version to 0.57.4, and there is no problem!
from react-native-spring-scrollview.
from react-native-spring-scrollview.
Did you reset the node module cache after installing new version of react-native?
npm start --reset-cache
from react-native-spring-scrollview.
Sure, I got a lot issues if I forgot this step.
from react-native-spring-scrollview.
So weird, I reset my emulator. Even init a new project but still got the issue
https://www.dropbox.com/s/owbzq34cgii4xzw/demo.7z?dl=0
Can you download this and try?
from react-native-spring-scrollview.
I have tried, and found out the bug. We use two different version. I use the master branch. And you use the 2.0.2. I will fix it soon.
from react-native-spring-scrollview.
I have released version 2.0.3 on npm. Try to update it, remember to clear watchman cache and npm cache.Then try it.
Additionally, the TouchableOpacity
event firing issue has been fixed ,too.
from react-native-spring-scrollview.
Thank you for you time! But we have another issue.
In version 2.0.2, when we add style: paddingBottom: 50
SpringScrollView can receive this.
But in version 2.0.3, SpringScrollView ignore this style.
from react-native-spring-scrollview.
Use this style on contentStyle
, not style
please.
from react-native-spring-scrollview.
Ok. Just remind because in previous version it works!
Thank you!
from react-native-spring-scrollview.
OK, I will close this issue!
from react-native-spring-scrollview.
Related Issues (20)
- Error to install dependency on RN 0.71.1 HOT 1
- 0.72版本install不了啊。希望保持更新啊
- DEAD LIB
- V3.0.2 还是没有修复 滑动误触点击事件 HOT 7
- 列表内item点击失效 HOT 7
- 安卓下嵌套ScrollView,scrollview内容不滚动,ios可以 HOT 4
- 无障碍读屏不能滑动的问题 HOT 2
- react-native-spring-scrollview 内嵌 SectionList
- TS+RN 项目里报错 HOT 1
- v4.0 报错 HOT 2
- v4.0分支里面,不需要原生了吗?
- Is the npm package not being maintained?
- v4.0分支出现错误 Cannot read property 'contentOffset' of undefined HOT 4
- 瀑布流中怎么设置左右的宽度 HOT 1
- "若手指在滑动过程中始终不离开屏幕会造成列表中元素无法点击"的解决方案 HOT 1
- Unexpected token, expected "," (2:8) HOT 5
- Error: "Expected a type"
- Item 曝光
- 瀑布流card 高度不确定
- Error with RN Version 0.69.0
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-native-spring-scrollview.