[Gutenberg Mobile] Add External Link support to React Native (#23090)

* [Gutenberg Mobile] Add External Link support to React Native

* Remove the forwardRef

packages/components/src/external-link/index.native.js

@@ -0,0 +1,25 @@
+/**
+ * External dependencies
+ */
+
+import { TouchableOpacity, Text, Linking } from 'react-native';
+
+/**
+ * WordPress dependencies
+ */
+import { __ } from '@wordpress/i18n';
+import { external, Icon } from '@wordpress/icons';
+
+export function ExternalLink( { href, children } ) {
+	return (
+		<TouchableOpacity
+			onPress={ () => Linking.openURL( href ) }
+			accessibilityLabel={ __( 'Open link in a browser' ) }
+		>
+			<Text>{ children }</Text>
+			<Icon icon={ external } />
+		</TouchableOpacity>
+	);
+}
+
+export default ExternalLink;

packages/components/src/index.native.js

@@ -33,6 +33,7 @@ export { default as PanelBody } from './panel/body';
 export { default as PanelActions } from './panel/actions';
 export { default as Button } from './button';
 export { default as __experimentalText } from './text';
+export { default as ExternalLink } from './external-link';
 export { default as TextControl } from './text-control';
 export { default as ToggleControl } from './toggle-control';
 export { default as SelectControl } from './select-control';