mirror of
https://github.com/status-im/react-native.git
synced 2025-01-16 12:34:17 +00:00
873c6ff5b9
Summary: The current CSSLayout can't support RTL because wrong calculation for absolute position. This change is mainly to fix the issue: https://github.com/facebook/css-layout/issues/197 Three main problems I fixed: 1. Calculate the position in the same way as margin, boarder, and padding. So that to fix the absolute problem. 2. Fix one wrong calculation for leading value when we only know the trailing value. It was hard code for the LTR situation. Now I changed it to depends on the main Axis. 3. Expose getter and setter function for RN to read layout direction and start/end position value. Reviewed By: fkgozali Differential Revision: D3616949 fbshipit-source-id: ae7a47cc0a5d02b42b95f87232be51ab144056d9
106 lines
2.5 KiB
C
106 lines
2.5 KiB
C
/**
|
|
* Copyright (c) 2014-present, Facebook, Inc.
|
|
* All rights reserved.
|
|
*
|
|
* This source code is licensed under the BSD-style license found in the
|
|
* LICENSE file in the root directory of this source tree. An additional grant
|
|
* of patent rights can be found in the PATENTS file in the same directory.
|
|
*/
|
|
|
|
#ifndef __CSS_LAYOUT_INTERNAL_H
|
|
#define __CSS_LAYOUT_INTERNAL_H
|
|
|
|
#include <stdio.h>
|
|
#include <stdlib.h>
|
|
|
|
#include "CSSLayout.h"
|
|
#include "CSSNodeList.h"
|
|
|
|
CSS_EXTERN_C_BEGIN
|
|
|
|
typedef struct CSSCachedMeasurement {
|
|
float availableWidth;
|
|
float availableHeight;
|
|
CSSMeasureMode widthMeasureMode;
|
|
CSSMeasureMode heightMeasureMode;
|
|
|
|
float computedWidth;
|
|
float computedHeight;
|
|
} CSSCachedMeasurement;
|
|
|
|
// This value was chosen based on empiracle data. Even the most complicated
|
|
// layouts should not require more than 16 entries to fit within the cache.
|
|
enum {
|
|
CSS_MAX_CACHED_RESULT_COUNT = 16
|
|
};
|
|
|
|
typedef struct CSSLayout {
|
|
float position[4];
|
|
float dimensions[2];
|
|
CSSDirection direction;
|
|
|
|
float flexBasis;
|
|
|
|
// Instead of recomputing the entire layout every single time, we
|
|
// cache some information to break early when nothing changed
|
|
int generationCount;
|
|
CSSDirection lastParentDirection;
|
|
|
|
int nextCachedMeasurementsIndex;
|
|
CSSCachedMeasurement cachedMeasurements[CSS_MAX_CACHED_RESULT_COUNT];
|
|
float measuredDimensions[2];
|
|
|
|
CSSCachedMeasurement cached_layout;
|
|
} CSSLayout;
|
|
|
|
typedef struct CSSStyle {
|
|
CSSDirection direction;
|
|
CSSFlexDirection flexDirection;
|
|
CSSJustify justifyContent;
|
|
CSSAlign alignContent;
|
|
CSSAlign alignItems;
|
|
CSSAlign alignSelf;
|
|
CSSPositionType positionType;
|
|
CSSWrapType flexWrap;
|
|
CSSOverflow overflow;
|
|
float flex;
|
|
float margin[6];
|
|
float position[6];
|
|
/**
|
|
* You should skip all the rules that contain negative values for the
|
|
* following attributes. For example:
|
|
* {padding: 10, paddingLeft: -5}
|
|
* should output:
|
|
* {left: 10 ...}
|
|
* the following two are incorrect:
|
|
* {left: -5 ...}
|
|
* {left: 0 ...}
|
|
*/
|
|
float padding[6];
|
|
float border[6];
|
|
float dimensions[2];
|
|
float minDimensions[2];
|
|
float maxDimensions[2];
|
|
} CSSStyle;
|
|
|
|
typedef struct CSSNode {
|
|
CSSStyle style;
|
|
CSSLayout layout;
|
|
int lineIndex;
|
|
bool shouldUpdate;
|
|
bool isTextNode;
|
|
CSSNodeRef parent;
|
|
CSSNodeListRef children;
|
|
bool isDirty;
|
|
|
|
struct CSSNode* nextChild;
|
|
|
|
CSSSize (*measure)(void *context, float width, CSSMeasureMode widthMode, float height, CSSMeasureMode heightMode);
|
|
void (*print)(void *context);
|
|
void *context;
|
|
} CSSNode;
|
|
|
|
CSS_EXTERN_C_END
|
|
|
|
#endif
|