在ScrollView组件里面把第一元素固定在视图顶部的效果,ScrollView在手机上自带了bounce回弹的效果,不管内容是不是超出组件高度还是宽度

import { View, Text, StyleSheet, Dimensions, TextInput, Button, Alert, ScrollView, StatusBar, SafeAreaView, } from 'react-native'; function HomeScreen() { const handleStart = () => { // Alert.alert('Scroll started'); }; const handleEnd = () => { // Alert.alert('Scroll ended'); }; const handleTop = () => { Alert.alert('Scrolled to top'); }; return ( styles.container}> styles.scrollView} onMomentumScrollBegin={handleStart} onMomentumScrollEnd={handleEnd} stickyHeaderIndices={[0]} onScrollToTop={handleTop}> styles.title}>这是一个标题 styles.text}> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. ); } const styles = StyleSheet.create({ container: { flex: 1, paddingTop: StatusBar.currentHeight - 40, }, title: { fontSize: 22, backgroundColor: 'red', height: 40, color: '#fff', textAlign: 'center', }, scrollView: { backgroundColor: 'pink', marginHorizontal: 10, }, text: { fontSize: 42, }, }); export default HomeScreen; showsVerticalScrollIndicator={false}隐藏滚动条,对应的还有水平方向的