mirror of
https://github.com/facebook/react-native.git
synced 2025-11-01 09:14:26 +00:00
Valentin Shergin
4d920fe7c9
Summary: The standard says that zIndex should only be defined for non-`static` positioned views. This diff implements it. For now, it actually enables zIndex for all views in RN because there is no way to specify `position: static` but we will give that ability by changing Flow definitions in future diffs in a couple of weeks (to ensure OTA safety). Changelog: [Internal] Fabric-specific internal change. Reviewed By: sammy-SC Differential Revision: D23559447 fbshipit-source-id: 20ea10c9349de2c5b1adea5735324a8f57150695
125 lines
3.8 KiB
C++
125 lines
3.8 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 <react/renderer/components/view/ViewEventEmitter.h>
|
|
#include <react/renderer/components/view/ViewProps.h>
|
|
#include <react/renderer/components/view/YogaLayoutableShadowNode.h>
|
|
#include <react/renderer/core/ConcreteShadowNode.h>
|
|
#include <react/renderer/core/LayoutableShadowNode.h>
|
|
#include <react/renderer/core/ShadowNode.h>
|
|
#include <react/renderer/core/ShadowNodeFragment.h>
|
|
#include <react/renderer/debug/DebugStringConvertibleItem.h>
|
|
|
|
namespace facebook {
|
|
namespace react {
|
|
|
|
/*
|
|
* Template for all <View>-like classes (classes which have all same props
|
|
* as <View> and similar basic behaviour).
|
|
* For example: <Paragraph>, <Image>, but not <Text>, <RawText>.
|
|
*/
|
|
template <
|
|
const char *concreteComponentName,
|
|
typename ViewPropsT = ViewProps,
|
|
typename ViewEventEmitterT = ViewEventEmitter,
|
|
typename... Ts>
|
|
class ConcreteViewShadowNode : public ConcreteShadowNode<
|
|
concreteComponentName,
|
|
YogaLayoutableShadowNode,
|
|
ViewPropsT,
|
|
ViewEventEmitterT,
|
|
Ts...> {
|
|
static_assert(
|
|
std::is_base_of<ViewProps, ViewPropsT>::value,
|
|
"ViewPropsT must be a descendant of ViewProps");
|
|
static_assert(
|
|
std::is_base_of<YogaStylableProps, ViewPropsT>::value,
|
|
"ViewPropsT must be a descendant of YogaStylableProps");
|
|
static_assert(
|
|
std::is_base_of<AccessibilityProps, ViewPropsT>::value,
|
|
"ViewPropsT must be a descendant of AccessibilityProps");
|
|
|
|
public:
|
|
using BaseShadowNode = ConcreteShadowNode<
|
|
concreteComponentName,
|
|
YogaLayoutableShadowNode,
|
|
ViewPropsT,
|
|
ViewEventEmitterT,
|
|
Ts...>;
|
|
|
|
ConcreteViewShadowNode(
|
|
ShadowNodeFragment const &fragment,
|
|
ShadowNodeFamily::Shared const &family,
|
|
ShadowNodeTraits traits)
|
|
: BaseShadowNode(fragment, family, traits) {
|
|
initialize();
|
|
}
|
|
|
|
ConcreteViewShadowNode(
|
|
ShadowNode const &sourceShadowNode,
|
|
ShadowNodeFragment const &fragment)
|
|
: BaseShadowNode(sourceShadowNode, fragment) {
|
|
initialize();
|
|
}
|
|
|
|
using ConcreteViewProps = ViewPropsT;
|
|
|
|
using BaseShadowNode::BaseShadowNode;
|
|
|
|
static ShadowNodeTraits BaseTraits() {
|
|
auto traits = BaseShadowNode::BaseTraits();
|
|
traits.set(ShadowNodeTraits::Trait::ViewKind);
|
|
traits.set(ShadowNodeTraits::Trait::FormsStackingContext);
|
|
traits.set(ShadowNodeTraits::Trait::FormsView);
|
|
return traits;
|
|
}
|
|
|
|
Transform getTransform() const override {
|
|
return BaseShadowNode::getConcreteProps().transform;
|
|
}
|
|
|
|
#pragma mark - DebugStringConvertible
|
|
|
|
#if RN_DEBUG_STRING_CONVERTIBLE
|
|
SharedDebugStringConvertibleList getDebugProps() const override {
|
|
auto list = SharedDebugStringConvertibleList{};
|
|
|
|
auto basePropsList = ShadowNode::getDebugProps();
|
|
std::move(
|
|
basePropsList.begin(), basePropsList.end(), std::back_inserter(list));
|
|
|
|
list.push_back(std::make_shared<DebugStringConvertibleItem>(
|
|
"layout", "", LayoutableShadowNode::getDebugProps()));
|
|
|
|
return list;
|
|
}
|
|
#endif
|
|
|
|
private:
|
|
void initialize() noexcept {
|
|
auto &props = BaseShadowNode::getConcreteProps();
|
|
|
|
if (props.yogaStyle.display() == YGDisplayNone) {
|
|
BaseShadowNode::traits_.set(ShadowNodeTraits::Trait::Hidden);
|
|
} else {
|
|
BaseShadowNode::traits_.unset(ShadowNodeTraits::Trait::Hidden);
|
|
}
|
|
|
|
// `zIndex` is only defined for non-`static` positioned views.
|
|
if (props.yogaStyle.positionType() != YGPositionTypeStatic) {
|
|
BaseShadowNode::orderIndex_ = props.zIndex.value_or(0);
|
|
} else {
|
|
BaseShadowNode::orderIndex_ = 0;
|
|
}
|
|
}
|
|
};
|
|
|
|
} // namespace react
|
|
} // namespace facebook
|