Android: Scroll View Stretch Effect Inconsistency
維護者通常 1 天內回覆
還沒有人認領這個 Issue。
評估
- 難度
- 4/5
- 預估耗時
- 3-5 天
- 新手友好度
- 52/100
- Issue 類型
- 缺陷
- 描述清晰度
- 基本清楚
- 活躍度
- 冷清
- 技術堆疊
- android, react-native
- 領域
- mobile-dev
研究方向
首先執行必要的 reproducer，並比較設定 overScrollMode="always" 時垂直和水平 ScrollView 的行為。閱讀 Android ScrollView 的 onInterceptTouchEvent 和 canScrollVertically 邏輯，接著追蹤 React Native ScrollView 的整合。完成標準是：從 child 開始拖曳會產生垂直拉伸效果，同時不會對無障礙功能或巢狀捲動造成非預期的變更。
由索引模型根據 Issue 內容生成。
描述
Description
Tested on Android Pixel 9.
I am trying to understand an issue. I found some threads. #35424 and #47021. When I use a ScrollView with overScrollMode="always" and the content is smaller than the ScrollView the stretch effect does not show when I drag on a child view.. It works fine when I use a horizontal scroll.
I looked into Androids ScrollView code. It has a return in onInterceptTouchEvent:
// Don't try to intercept touch if we can't scroll anyway.
if (getScrollY() == 0 && !canScrollVertically(1)) {
return false;
}
Is this a correct fix?
@Override
boolean canScrollVertically(int direction) {
return super.canScrollVertically(direction)
|| (direction > 0. MScrollEnabled && getOverScrollMode() == OVER_SCROLL_ALWAYS);
}
If I set ALWAYS the view can give feedback. So reporting it as scrollable will fix the issue... Accessibility and nested-scroll parents will also see the view, as scrollable in that mode.
Steps to reproduce
Create a ScrollView with some text children:
<ScrollView style={{ height: 150 }} overScrollMode="always">
<Text style={{ padding: 8 }}>Row one</Text>
<Text style={{ padding: 8 }}>Row two</Text>
</ScrollView>
The difference:
- If I set the scroll to horizontal there is a visible Stretch effect no matter where I drag from.
- If I set it to vertical it does not work when I tap and drag from the Text.
React Native Version
React-native 0.85.3
Affected Platforms
Runtime - Android
Output of npx @react-native-community/cli info
System:
OS: macOS 26.5.1
CPU: (12) arm64 Apple M2 Pro
Memory: 316.38 MB / 32.00 GB
Shell:
version: "5.9"
path: /bin/zsh
Binaries:
Node:
version: 24.1.0
path: /Users/davidmalesevic/.nvm/versions/node/v24.1.0/bin/node
Yarn: Not Found
npm:
version: 11.7.0
path: /Users/davidmalesevic/.nvm/versions/node/v24.1.0/bin/npm
Watchman: Not Found
Managers:
CocoaPods:
version: 1.16.2
path: /opt/homebrew/bin/pod
SDKs:
iOS SDK:
Platforms:
- DriverKit 25.5
- iOS 26.5
- macOS 26.5
- tvOS 26.5
- visionOS 26.5
- watchOS 26.5
Android SDK: Not Found
IDEs:
Android Studio: 2025.2 AI-252.28238.7.2523.14688667
Xcode:
version: 26.6/17F113
path: /usr/bin/xcodebuild
Languages:
Java:
version: 17.0.18
path: /opt/homebrew/opt/openjdk@17/bin/javac
Ruby:
version: 2.6.10
path: /usr/bin/ruby
npmPackages:
"@react-native-community/cli": Not Found
react:
installed: 19.2.3
wanted: 19.2.3
react-native:
installed: 0.85.3
wanted: 0.85.3
react-native-macos: Not Found
npmGlobalPackages:
"*react-native*": Not Found
Android:
hermesEnabled: Not found
newArchEnabled: Not found
iOS:
hermesEnabled: Not found
newArchEnabled: Not found
Stacktrace or Logs
N/A
MANDATORY Reproducer
https://github.com/Alforofous/rn-vertical-stretch-repro
Screenshots and Videos
- 主要語言
- C++
- 星號
- 127k
- 分支
- 25.3k
- PR 合併指標
- 30 天內沒有已合併 PR
環境準備
- 沒有 Dockerfile 或 Docker Compose 檔案
- 有 Pull Request 範本
- 閱讀貢獻指南
從這裡開始
- 先讀完整個 Issue，再讀專案的貢獻指南。
- 在 Issue 下留言說明你要接手 —— 這能避免兩個人做同樣的事。
- Fork 儲存庫，在一個分支上完成修改。
- 送出 Pull Request，並在描述裡引用這個 Issue 編號。
react/react-native 的其他 Issue
-
Linking.getInitialURL() returns the task's first link after a link relaunches a reclaimed Android app可能已有人在做 @YevheniiKotyrlo 於 1 天前認領。 未關閉
難度 2/5 1-3 小時 新手友好度 78/100
react/react-native#59006 · 2 則留言 ·
維護者通常 1 天內回覆
-
Needs: Author Feedback Needs: Repro
難度 2/5 1-3 小時 新手友好度 76/100
react/react-native#58952 · 1 則留言 ·
維護者通常 1 天內回覆
-
Needs: Attention Needs: Repro
難度 2/5 1-3 小時 新手友好度 78/100
react/react-native#58904 · 2 則留言 ·
維護者通常 1 天內回覆
-
Needs: Author Feedback Needs: Repro
難度 2/5 1-3 小時 新手友好度 75/100
react/react-native#58659 · 2 則留言 ·
維護者通常 1 天內回覆
-
Needs: Author Feedback Needs: Repro
難度 1/5 1 小時以內 新手友好度 92/100
react/react-native#58621 · 1 則留言 ·
維護者通常 1 天內回覆
查看 react/react-native 的全部 Issue
相似的 Issue
-
agent:WSL bug linux LOW
難度 2/5 1-3 小時 新手友好度 70/100
維護者通常 1 天內回覆
-
0.kind: build failure
難度 2/5 1-3 小時 新手友好度 72/100
維護者通常 1 天內回覆
-
難度 2/5 1 小時以內 新手友好度 72/100
finalburnneo/FBNeo#2803 · 1 則留言 ·
維護者通常 1 天內回覆
-
ai_p1 comp-message-queues
難度 2/5 1-3 小時 新手友好度 72/100
ClickHouse/ClickHouse#125890 ·
維護者通常 1 天內回覆
-
難度 1/5 1 小時以內 新手友好度 78/100
carla-simulator/carla#9973 ·
維護者通常 1 天內回覆