Files
react-native/ReactCommon/fabric/components/textinput/iostextinput/TextInputShadowNode.h
T
Samuel Susla 36b586ada1 Font size in Text now respects preferredContentSizeCategory
Summary:
Changelog: [Internal]

Add support for dynamic font size.

New class `ThreadStorage` is introduced, which is used to pass LayoutContext to `YogaLayoutableShadowNode::yogaNodeMeasureCallbackConnector`.

## Shortcoming
This implementation doesn't cause re-render, if user changes font size and comes to the app without restarting it, it will show old font size. I believe this is fine for now as most people set their font size before they use the app and keep the same setting for a long time.

Reviewed By: shergin

Differential Revision: D22043728

fbshipit-source-id: 7453d165c280a2f4bcb73f4ee6daf9e64b637ded
2020-06-17 10:22:32 -07:00

82 lines
2.6 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/attributedstring/AttributedString.h>
#include <react/components/iostextinput/TextInputEventEmitter.h>
#include <react/components/iostextinput/TextInputProps.h>
#include <react/components/iostextinput/TextInputState.h>
#include <react/components/text/BaseTextShadowNode.h>
#include <react/components/view/ConcreteViewShadowNode.h>
#include <react/textlayoutmanager/TextLayoutManager.h>
#include <react/utils/ContextContainer.h>
namespace facebook {
namespace react {
extern const char TextInputComponentName[];
/*
* `ShadowNode` for <TextInput> component.
*/
class TextInputShadowNode : public ConcreteViewShadowNode<
TextInputComponentName,
TextInputProps,
TextInputEventEmitter,
TextInputState>,
public BaseTextShadowNode {
public:
using ConcreteViewShadowNode::ConcreteViewShadowNode;
static ShadowNodeTraits BaseTraits() {
auto traits = ConcreteViewShadowNode::BaseTraits();
traits.set(ShadowNodeTraits::Trait::TextKind);
traits.set(ShadowNodeTraits::Trait::LeafYogaNode);
return traits;
}
/*
* Associates a shared `TextLayoutManager` with the node.
* `TextInputShadowNode` uses the manager to measure text content
* and construct `TextInputState` objects.
*/
void setTextLayoutManager(TextLayoutManager::Shared const &textLayoutManager);
#pragma mark - LayoutableShadowNode
Size measureContent(
LayoutContext const &layoutContext,
LayoutConstraints const &layoutConstraints) const override;
void layout(LayoutContext layoutContext) override;
private:
/*
* Creates a `State` object if needed.
*/
void updateStateIfNeeded(LayoutContext const &layoutContext);
/*
* Returns a `AttributedString` which represents text content of the node.
*/
AttributedString getAttributedString(
LayoutContext const &layoutContext) const;
/*
* Returns an `AttributedStringBox` which represents text content that should
* be used for measuring purposes. It might contain actual text value,
* placeholder value or some character that represents the size of the font.
*/
AttributedStringBox attributedStringBoxToMeasure(
LayoutContext const &layoutContext) const;
TextLayoutManager::Shared textLayoutManager_;
};
} // namespace react
} // namespace facebook