
Research
/Security News
Critical Vulnerability in NestJS Devtools: Localhost RCE via Sandbox Escape
A flawed sandbox in @nestjs/devtools-integration lets attackers run code on your machine via CSRF, leading to full Remote Code Execution (RCE).
@sendbird/react-native-scrollview-enhancer
Advanced tools
A utility package enabling onStartReached & maintainVisibleContentPosition in pre-0.72 react-native ScrollView.
A utility package that enables the use of onStartReached
and maintainVisibleContentPosition
features in ScrollView components in react-native versions prior to 0.72.
npm install @sendbird/react-native-scrollview-enhancer
You can use a scroll view components with onStartReached
and maintainVisibleContentPosition
applied as follows.
import { FlatList, ScrollView, SectionList } from '@sendbird/react-native-scrollview-enhancer';
const App = () => {
return (
<FlatList
inverted
data={messages}
renderItem={renderMessageItem}
onEndReached={onEndReached}
onStartReached={onStartReached}
/>
);
};
The maintainVisibleContentPosition
feature can be used by wrapping the ScrollView component (ScrollView
, FlatList
, SectionList
, VirtualizedList
) that you want to use with the ScrollViewEnhancerView
component.
import { ScrollView } from 'react-native';
import { ScrollViewEnhancerView } from '@sendbird/react-native-scrollview-enhancer';
const App = () => {
return (
<ScrollViewEnhancerView>
<ScrollView />
</ScrollViewEnhancerView>
);
};
This package provides a useBidirectional
hook that adds onStartReached
to the ScrollView
.
import { View, FlatList } from 'react-native';
import { useBiDirectional } from '@sendbird/react-native-scrollview-enhancer';
const App = () => {
const { renderScrollView } = useBiDirectional(FlatList, props, ref);
return <View>{renderScrollView()}</View>;
};
This package provides the following utility functions to make it easier to use:
maintainVisibleContentPosition
feature to the ScrollView componentmaintainVisibleContentPosition
and onStartReached
features to the ScrollView componentimport { ScrollView, FlatList } from 'react-native';
import { enhanceScrollView, enhanceScrollViewWithBidirectional } from '@sendbird/react-native-scrollview-enhancer';
const EnhancedScrollView = enhanceScrollView(ScrollView);
const BiDirectionalFlatList = enhanceScrollViewWithBidirectional(FlatList);
It is recommended to use stable features provided in versions 0.72 and above.
You can find the related work for these features in the following PR.
MIT
Made with create-react-native-library
FAQs
A utility package enabling onStartReached & maintainVisibleContentPosition in pre-0.72 react-native ScrollView.
The npm package @sendbird/react-native-scrollview-enhancer receives a total of 133 weekly downloads. As such, @sendbird/react-native-scrollview-enhancer popularity was classified as not popular.
We found that @sendbird/react-native-scrollview-enhancer demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
/Security News
A flawed sandbox in @nestjs/devtools-integration lets attackers run code on your machine via CSRF, leading to full Remote Code Execution (RCE).
Product
Customize license detection with Socket’s new license overlays: gain control, reduce noise, and handle edge cases with precision.
Product
Socket now supports Rust and Cargo, offering package search for all users and experimental SBOM generation for enterprise projects.