Add PDFTextComponent for plain text nodes

src/PDFTextComponent.js

@@ -0,0 +1,22 @@
+'use strict';
+
+const PDFTextComponent = function(element) {
+  this._currentElement = element;
+};
+
+const PDFTextComponentMixin = {
+  mountComponent(transaction, nativeParent, nativeContainerInfo, context) {
+    // Just return the text value
+    return this._currentElement;
+  },
+  receiveComponent(){},
+  getHostNode() {},
+  unmountComponent() {},
+};
+
+Object.assign(
+  PDFTextComponent.prototype,
+  PDFTextComponentMixin
+);
+
+export default PDFTextComponent;

src/component.js

@@ -15,12 +15,7 @@ const PDFRendererComponentMixin = {
     return this.node;
   },
 
-  mountComponent(
-    transaction,
-    nativeParent,
-    nativeContainerInfo,
-    context
-  ) {
+  mountComponent(transaction, nativeParent, nativeContainerInfo, context) {
     const node = this.node = this._currentElement;
     const {children, ...props} = node.props;
 
@@ -36,10 +31,7 @@ const PDFRendererComponentMixin = {
         context.doc[node.type](children, props);
     }
 
-    // Naive way of not mounting TextComponent
-    if (typeof children != 'string') {
-      this.mountChildren(children, transaction, context);
-    }
+    this.mountChildren(children, transaction, context);
 
     return node;
   },

src/injection.js

@@ -10,12 +10,17 @@ import ReactHostComponent from 'react/lib/ReactHostComponent';
 import ReactDefaultBatchingStrategy from 'react/lib/ReactDefaultBatchingStrategy';
 import PDFRendererReconcileTransaction from './reconcileTransaction';
 import PDFRendererComponent from './component';
+import PDFTextComponent from './PDFTextComponent';
 
 function inject() {
   ReactInjection.HostComponent.injectGenericComponentClass(
     PDFRendererComponent
   );
 
+  ReactInjection.HostComponent.injectTextComponentClass(
+    PDFTextComponent
+  );
+
   ReactInjection.Updates.injectReconcileTransaction(
     PDFRendererReconcileTransaction
   );