replyke-rn/dist/components/shared/InfiniteScrollTrigger.js

Replyke React Native components: Build interactive apps with social features like comments, votes, feeds, user lists, notifications, and more.

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var jsx_runtime_1 = require("react/jsx-runtime");
var react_1 = require("react");
var react_native_1 = require("react-native");
var InfiniteScrollTrigger = function (_a) {
    var _b = _a.marginTop, marginTop = _b === void 0 ? 0 : _b, onTriggered = _a.onTriggered;
    var commentsEndRef = (0, react_1.useRef)(null);
    var handleLayout = function (event) {
        var layout = event.nativeEvent.layout;
        if (layout.height > 0) {
            onTriggered();
        }
    };
    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { style: { height: marginTop } }), (0, jsx_runtime_1.jsx)(react_native_1.View, { ref: commentsEndRef, onLayout: handleLayout })] }));
};
exports.default = InfiniteScrollTrigger;
//# sourceMappingURL=InfiniteScrollTrigger.js.map