New link component and display

components/Link.js

@@ -0,0 +1,53 @@
+import React from 'react'
+import {Linking, Text, TouchableOpacity, StyleSheet} from "react-native";
+import {get, has} from 'lodash';
+import {NavigationActions} from "react-navigation";
+import Colors from "../constants/Colors";
+
+export default function Link({link, navigation, nodes, terms}) {
+
+  const inAppLink = get(link, ['attributes', 'muk-app'], false);
+  let nid = null;
+
+
+
+  if (inAppLink) {
+    const linkParts = link.url.split('/');
+    nid = linkParts.slice(-1)[0];
+    if (!has(nodes, [nid])) {
+      return null;
+    }
+  }
+
+  const onLinkPress = () => {
+    if (nid != null) {
+      const navigateAction = NavigationActions.navigate({
+        routeName: 'Node',
+        params: {
+          contentType: nodes[nid].type,
+          contentTypeLabel: nodes[nid].title,
+          node: nodes[nid],
+          terms: terms
+        },
+        key: `node-view-${nid}`
+      });
+      navigation.dispatch(navigateAction);
+    }
+    else {
+      Linking.openURL(link.url);
+    }
+  }
+
+  return (<TouchableOpacity onPress={onLinkPress}>
+    <Text style={styles.nodeTitle}>{link.title}</Text>
+  </TouchableOpacity>);
+}
+
+const styles = StyleSheet.create({
+  nodeTitle: {
+    fontSize: 16,
+    marginBottom: 3,
+    color: Colors.primary
+  },
+})
+

screens/NodeScreen.js

@@ -22,6 +22,7 @@ import {NavigationActions} from "react-navigation";
 import Colors from "../constants/Colors";
 import MicroTask from "../components/MicroTask";
 import TextArea from "../components/TextArea";
+import Link from "../components/Link";
 
 class NodeScreen extends React.Component {
   static navigationOptions = ({navigation}) => {
@@ -590,6 +591,20 @@ class NodeScreen extends React.Component {
         }
       }
 
+      if (fieldObject.view_mode_properties.type === 'link_default') {
+        let items = node[fieldName][lang];
+        for (let i = 0; i < items.length; i++) {
+          renderedNode.push(
+            <Link
+              key={`${fieldName}_link_${i}`}
+              navigation={this.props.navigation}
+              link={node[fieldName][lang][i]}
+              terms={this.props.terms}
+              nodes={this.props.screenProps.nodes}
+            />)
+        }
+      }
+
     });
 
     let star = null;