feat(runtime): add FormattedString and Span

rigor789 · Apr 25, 2020 · c0de02e · c0de02e
1 parent 4976309
commit c0de02e
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 0 deletions.
diff --git a/apps/test/app/app.js b/apps/test/app/app.js
@@ -71,6 +71,13 @@ function useInterval(cb, ms) {
 
 const app = createApp({
   render() {
+    return h({
+      template: `<Label verticalAlignment="middle" textAlignment="center"><FormattedString>
+<Span text="Cool" />
+<Span text="is" color="red" fontWeight="bold"/>
+<Span text="Cool" color="blue" textDecoration="underline"/>
+</FormattedString></Label>`,
+    })
     return h('GridLayout', h(ListViewComp))
     return h(Comp)
 

diff --git a/packages/runtime/src/registry.ts b/packages/runtime/src/registry.ts
@@ -225,6 +225,10 @@ if (!__TEST__) {
       }
     }
   )
+  registerElement(
+    'FormattedString',
+    () => require('@nativescript/core').FormattedString
+  )
   registerElement(
     'Image',
     () => require('@nativescript/core').Image
@@ -292,6 +296,10 @@ if (!__TEST__) {
       }
     }
   )
+  registerElement(
+    'Span',
+    () => require('@nativescript/core').Span,
+  )
   registerElement(
     'Switch',
     () => require('@nativescript/core').Switch,