问当ScrollView中的end滚动时更新进度条值

EN

import React, {useState, useEffect} from 'react';
import * as Progress from 'react-native-progress';
import { Card } from 'react-native-paper';
import { Text, View, StyleSheet,ScrollView } from 'react-native';

export default function App() {
 const [scrollView_height, setScrollView_height] = useState(0)
 const [scrollViewContent_height, setScrollViewContent_height] = useState(0)
 const [progress, setProgress] = useState(0)
 
 const UpdateProgressBar = (value) => {
    setProgress(
      Math.abs(
        value.nativeEvent.contentOffset.y /
          (scrollViewContent_height - scrollView_height),
      ),
    );
  };

  return (
    <View style={styles.container}>
              <Progress.Bar
                style={{
                  position: 'relative',
                  bottom: 6,
                  borderTopLeftRadius: 40,
                  borderTopRightRadius: 40,
                }}
                height={3}
                borderWidth={0}
                progress={progress}
                color="red"
                width={widthToDp('82%')}
              />
                <ScrollView
                showsVerticalScrollIndicator={false}
                bounces={false}
                contentContainerStyle={{paddingBottom: 0}}
                onContentSizeChange={(width, height) => {
                  setScrollView_height(height);
                }}
                onScroll={UpdateProgressBar}
                onLayout={(event) =>
                  setScrollView_height(event.nativeEvent.layout.height)
                }
                scrollEventThrottle={12}>
      <Text style={styles.paragraph}>
        Change code in the editor and watch it change on your phone! Save to get a 
        shareable url.
      </Text>
      <Text style={styles.paragraph}>
        Change code in the editor and watch it change on your phone! Save to get a 
        shareable url.
      </Text>
      <Text style={styles.paragraph}>
        Change code in the editor and watch it change on your phone! Save to get a 
        shareable url.
      </Text>
      <Text style={styles.paragraph}>
        Change code in the editor and watch it change on your phone! Save to get a 
        shareable url.
      </Text>
      <Card>
        <AssetExample />
      </Card>
     </ScrollView>
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
   
  }
});