ScrollView does not work inside position: absolute on Android.
Dieses Issue hat noch niemand übernommen.
- Vorherrschende Sprache
- C++
- Sterne
- 127k
- Forks
- 25.3k
- Ø Merge
- 1 T. 23 Std.
- Gemergte PRs (30 T.)
- 4
Beschreibung
Description
ScrollView does not work inside position: absolute on Android. Scrolling works on iOS.
React Native Version
0.71.11
Output of npx react-native info
System:
OS: macOS 12.6.4
CPU: (12) x64 Intel(R) Core(TM) i7-9750H CPU @ 2.60GHz
Memory: 131.35 MB / 16.00 GB
Shell: 5.8.1 - /bin/zsh
Binaries:
Node: 16.14.0 - ~/.nvm/versions/node/v16.14.0/bin/node
Yarn: 1.22.17 - /usr/local/bin/yarn
npm: 8.5.0 - ~/.nvm/versions/node/v16.14.0/bin/npm
Watchman: 2023.04.03.00 - /usr/local/bin/watchman
Managers:
CocoaPods: 1.12.1 - /usr/local/bin/pod
SDKs:
iOS SDK:
Platforms: DriverKit 22.2, iOS 16.2, macOS 13.1, tvOS 16.1, watchOS 9.1
Android SDK: Not Found
IDEs:
Android Studio: 2022.1 AI-221.6008.13.2211.9514443
Xcode: 14.2/14C18 - /usr/bin/xcodebuild
Languages:
Java: 19.0.2 - /usr/bin/javac
npmPackages:
@react-native-community/cli: Not Found
react: 18.2.0 => 18.2.0
react-native: 0.71.11 => 0.71.11
react-native-macos: Not Found
npmGlobalPackages:
react-native: Not Found
Steps to reproduce
ScrollView does not work inside position: absolute on Android. Scrolling works on iOS.
<View style={{ height: 300, paddingTop: 100 }}>
<View
style={{
position: 'relative',
height: 40,
borderColor: 'red',
borderWidth: 1,
}}>
<View
style={{
height: 60,
position: 'absolute',
width: '100%',
borderColor: 'green',
borderWidth: 1,
zIndex: 1000,
elevation: 1000,
}}>
<ScrollView>
<Text>1</Text>
<Text>2</Text>
<Text>3</Text>
<Text>4</Text>
<Text>5</Text>
<Text>6</Text>
</ScrollView>
</View>
</View>
</View>
Snack, screenshot, or link to a repository
Beitragsleitfaden
Erste Schritte
- Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
- Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
- Forke das Repository und arbeite in einem Branch.
- Öffne einen Pull Request, der die Issue-Nummer nennt.
Rechercherichtung
Beginne mit der verlinkten Snack-Reproduktion und führe sie auf Android aus. Vergleiche anschließend das Verhalten von ScrollView mit iOS. Verfolge, wie React Native mit ScrollView-Kindern innerhalb einer absolut positionierten View umgeht, und identifiziere den Android-spezifischen Fehler. Als abgeschlossen gilt die Aufgabe, wenn das Beispiel auf Android korrekt scrollt, ohne das funktionierende Verhalten unter iOS zu beeinträchtigen.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Bewertung
- Tech-Stack
- android, react-native
- Bereich
- mobile
- Issue-Typ
- Bug
- Schwierigkeit
- 4/5
- Geschätzter Aufwand
- 3-5 Tage
- Aktivitätsstatus
- Veraltet
- Klarheit
- Größtenteils klar
- Anfängerfreundlichkeit
- 35/100