mirror of
https://github.com/facebook/react.git
synced 2025-11-01 09:12:30 +00:00
Ben Alpert
5d3920f5ab
For clarity.
I left "native event" as-is because there's a lot of it, it's not particularly ambiguous, and SimulateNative/nativeTouchData are public API in ReactTestUtils.
(cherry picked from commit ba9b985406)
93 lines
2.5 KiB
JavaScript
93 lines
2.5 KiB
JavaScript
/**
|
|
* Copyright (c) 2015-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.
|
|
*
|
|
* @providesModule ReactNativeTextComponent
|
|
*/
|
|
|
|
'use strict';
|
|
|
|
var ReactInstrumentation = require('ReactInstrumentation');
|
|
var ReactNativeComponentTree = require('ReactNativeComponentTree');
|
|
var ReactNativeTagHandles = require('ReactNativeTagHandles');
|
|
var UIManager = require('UIManager');
|
|
|
|
var invariant = require('invariant');
|
|
|
|
var ReactNativeTextComponent = function(text) {
|
|
// This is really a ReactText (ReactNode), not a ReactElement
|
|
this._currentElement = text;
|
|
this._stringText = '' + text;
|
|
this._hostParent = null;
|
|
this._rootNodeID = null;
|
|
};
|
|
|
|
Object.assign(ReactNativeTextComponent.prototype, {
|
|
|
|
mountComponent: function(transaction, hostParent, hostContainerInfo, context) {
|
|
if (__DEV__) {
|
|
ReactInstrumentation.debugTool.onSetText(this._debugID, this._stringText);
|
|
}
|
|
|
|
// TODO: hostParent should have this context already. Stop abusing context.
|
|
invariant(
|
|
context.isInAParentText,
|
|
'RawText "%s" must be wrapped in an explicit <Text> component.',
|
|
this._stringText
|
|
);
|
|
this._hostParent = hostParent;
|
|
var tag = ReactNativeTagHandles.allocateTag();
|
|
this._rootNodeID = tag;
|
|
var nativeTopRootTag = hostContainerInfo._tag;
|
|
UIManager.createView(
|
|
tag,
|
|
'RCTRawText',
|
|
nativeTopRootTag,
|
|
{text: this._stringText}
|
|
);
|
|
|
|
ReactNativeComponentTree.precacheNode(this, tag);
|
|
|
|
return tag;
|
|
},
|
|
|
|
getHostNode: function() {
|
|
return this._rootNodeID;
|
|
},
|
|
|
|
receiveComponent: function(nextText, transaction, context) {
|
|
if (nextText !== this._currentElement) {
|
|
this._currentElement = nextText;
|
|
var nextStringText = '' + nextText;
|
|
if (nextStringText !== this._stringText) {
|
|
this._stringText = nextStringText;
|
|
UIManager.updateView(
|
|
this._rootNodeID,
|
|
'RCTRawText',
|
|
{text: this._stringText}
|
|
);
|
|
if (__DEV__) {
|
|
ReactInstrumentation.debugTool.onSetText(
|
|
this._debugID,
|
|
nextStringText
|
|
);
|
|
}
|
|
}
|
|
}
|
|
},
|
|
|
|
unmountComponent: function() {
|
|
ReactNativeComponentTree.uncacheNode(this);
|
|
this._currentElement = null;
|
|
this._stringText = null;
|
|
this._rootNodeID = null;
|
|
},
|
|
|
|
});
|
|
|
|
module.exports = ReactNativeTextComponent;
|