react-native-scrollview-maintain
TypeScript icon, indicating that this package has built-in type declarations

0.0.3 • Public • Published

react-native-scrollview-maintain

install yarn add react-native-scrollview-maintain

usage

call enableMaintain before use scroll component

//index.js

import { AppRegistry } from 'react-native';
import { App } from './src/App';
import { name as appName } from './app.json';
import {enableMaintain} from 'react-native-scrollview-maintain';

enableMaintain();

AppRegistry.registerComponent(appName, () => App);

or

import {enableMaintainVisibleContentPosition, disableMaintainVisibleContentPosition} from 'react-native-scrollview-maintain';

...

// `ref` is the ref to your ScrollView / FlatList
useEffect(() => {
    let cleanupPromise: Promise<number> | undefined;
    if (Constants.isAndroid) {
        const viewTag = findNodeHandle(ref.current);
        cleanupPromise = enableMaintainVisibleContentPosition(viewTag, 0);
    }
    return () => {
        void cleanupPromise?.then((handle) => {
        void disableMaintainVisibleContentPosition(handle);
    };
}, [ref]);

License

React native screens library is licensed under The MIT License.

Credits

Module for those who need maintainVisibleContentPosition on Android now but don't want to maintain your own RN fork RNPullRequest

Thans for workaround Stackie Jia and Maxime Bertheau

Readme

Keywords

none

Package Sidebar

Install

npm i react-native-scrollview-maintain

Weekly Downloads

2

Version

0.0.3

License

MIT

Unpacked Size

12.1 kB

Total Files

9

Last publish

Collaborators

  • axinvd