improv: enabling external text links (#123)

* components: adding open extenal links prop to text

* demo: using text with an external link in demo

Author: shubhamzanwar

src/components/Text/RNText.ts

@@ -7,6 +7,7 @@ export interface TextProps extends ViewProps<QLabelSignals> {
   children?: string | number;
   wordWrap?: boolean;
   scaledContents?: boolean;
+  openExternalLinks?: boolean;
 }
 
 /**
@@ -26,6 +27,9 @@ export const setTextProps = (
     },
     set scaledContents(scaled: boolean) {
       widget.setProperty("scaledContents", scaled);
+    },
+    set openExternalLinks(shouldOpenExternalLinks: boolean) {
+      widget.setProperty("openExternalLinks", shouldOpenExternalLinks);
     }
   };
   Object.assign(setter, newProps);

src/demo.tsx

@@ -5,7 +5,8 @@ import {
   Window,
   View,
   AnimatedImage,
-  ComboBox
+  ComboBox,
+  Text
 } from "./index";
 import { QIcon, QVariant, QPushButtonSignals } from "@nodegui/nodegui";
 import { useEventHandler } from "./hooks";
@@ -31,6 +32,13 @@ const App = () => {
   return (
     <Window>
       <View style={containerStyle}>
+        <Text openExternalLinks={true}>
+          {`<a 
+              style="color: white" 
+              href="https://react.nodegui.org/docs/guides/getting-started/">
+            docs
+          </a>`}
+        </Text>
         <View on={{}}>
           <Button on={handler} style={buttonStyle} text={"Hello"} />
           <Button style={buttonStyle} text={"World"} />