Files
react-native/ReactCommon/react/renderer/components/view/ViewEventEmitter.h
T
Valentin Shergin 934275f931 Fabric: Changeing debouncing logic of onLayout event
Summary:
This changes the way we throttle `onLayout` events in Fabric.

The approach we used before has several issues:
* Every event-dispatching action initiated a lambda scheduled on JavaScript thread (which is a bit inefficient).
* If an event had {0,0,0,0} frame, it might be skipped because this is the default frame value.
* An event was always delivered by the exact block scheduled at the moment of the event initiation (even though some other blocks might be called before). In case of events being initiated rapidly, it can delay actual event delivery and maybe even overwhelm the JavaScript thread.

The new implementation uses a different approach: we maintain the shared storage with recent frame value and use the very first opportunity to deliver it. Alse see comments in the code.

Changelog: [Internal] Fabric-specific internal change.

Reviewed By: sammy-SC

Differential Revision: D25676336

fbshipit-source-id: 275b08990f7c5cf1f05a8f954ebc795a14e10ec2
2021-01-04 15:02:32 -08:00

74 lines
1.7 KiB
C++

/*
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
#pragma once
#include <memory>
#include <mutex>
#include <react/renderer/core/LayoutMetrics.h>
#include <react/renderer/core/ReactPrimitives.h>
#include "TouchEventEmitter.h"
namespace facebook {
namespace react {
class ViewEventEmitter;
using SharedViewEventEmitter = std::shared_ptr<const ViewEventEmitter>;
class ViewEventEmitter : public TouchEventEmitter {
public:
using TouchEventEmitter::TouchEventEmitter;
#pragma mark - Accessibility
void onAccessibilityAction(const std::string &name) const;
void onAccessibilityTap() const;
void onAccessibilityMagicTap() const;
void onAccessibilityEscape() const;
#pragma mark - Layout
void onLayout(const LayoutMetrics &layoutMetrics) const;
private:
/*
* Contains the most recent `frame` and a `mutex` protecting access to it.
*/
struct LayoutEventState {
/*
* Protects an access to other fields of the struct.
*/
std::mutex mutex;
/*
* Last dispatched `frame` value or value that's being dispatched right now.
*/
Rect frame{};
/*
* Indicates that the `frame` value was already dispatched (and dispatching
* of the *same* value is not needed).
*/
bool wasDispatched{false};
/*
* Indicates that some lambda is already being dispatching (and dispatching
* another one is not needed).
*/
bool isDispatching{false};
};
mutable std::shared_ptr<LayoutEventState> layoutEventState_{
std::make_shared<LayoutEventState>()};
};
} // namespace react
} // namespace facebook