Блог

У меня есть эта база данных, в которой я хочу отслеживать, сколько доступного контента прочитал пользователь. В приложении есть один ScrollView, внутри которого присутствует несколько подразделов, которые также можно прокручивать. Как я могу отслеживать процент от общего объема контента, прочитанного пользователем в целом?

Вы можете использовать этот компонент, чтобы получить процент прокрутки

 import React from 'react';
import {ScrollView, Text, View} from 'react-native';

const scrollPercentage = ({layoutMeasurement, contentOffset, contentSize}) => {
  return ((layoutMeasurement.height   contentOffset.y)/contentSize.height) * 100;
};

function PercentageScrollView({onReadPercentageChanged, children}) {

  return <ScrollView
    onScroll={({nativeEvent}) => {
      onReadPercentageChanged(scrollPercentage(nativeEvent));
    }}
    scrollEventThrottle={400}
  >
    {children}
  </ScrollView>
}

export default PercentageScrollView;
  

Используйте в своем компоненте вот так :

 <PercentageScrollView onReadPercentageChanged={(readPercentage)=>{
  setPercentage(readPercentage);
}}>
  <View>
    ...
  </View>
</PercentageScrollView>