Use ShareLink for Sharing Information Like Textual content and Pictures

0
2


In iOS 16, SwiftUI comes with a brand new view known as ShareLink. When customers faucet on the share hyperlink, it presents a share sheet for customers to share content material to different purposes or copy the information for later use.

The ShareLink view is designed to share any varieties of information. On this tutorial, we are going to present you learn how to use ShareLink to let customers share textual content, URL, and pictures.

Primary Utilization of ShareLink

Let’s start with an instance. To create a share hyperlink for sharing a URL, you’ll be able to write the code like this:

SwiftUI robotically renders a Share button with a small icon.

sharelink-basic-for-swiftui

When tapped, iOS brings up a share sheet for customers to carry out additional actions resembling copy and including the hyperlink to Reminders.

swiftui-share-sheet

To share textual content, as a substitute of URL, you’ll be able to merely go the a string to the merchandise parameter.

Customizing the Look of Share Hyperlink

To customise the looks of the hyperlink, you’ll be able to present the view content material within the closure like this:

On this case, SwiftUI solely shows the share icon for the hyperlink.

swiftui-tap-and-share

Alternatively, you’ll be able to current a label with a system picture or customized picture:

When initializing the ShareLink occasion, you’ll be able to embody two extra parameters to offer additional details about the shared merchandise:

The topic parameter permits you to embody a title in regards to the URL or any merchandise to share. The message parameter means that you can specify the outline of the merchandise. Relying on the actions the person shares to, iOS will current the topic or message or each. Say, for those who add the URL to Reminders, the Reminders app shows the preset message.

swiftui-sharelink-reminders

Sharing Photographs

Apart from URLs, you’ll be able to share photos utilizing ShareLink. Here’s a pattern code snippet:

For the merchandise parameter, you specify the picture to share. And, you present a preview of the picture by passing an occasion of SharePreview. Within the preview, you specify the title of the picture and the thumbnail. While you faucet the Share button, iOS brings up a share sheet with the picture preview.

swiftui-sharelink-image

Conforming to Transferable

Apart from URLs, the merchandise parameter accepts any objects that conforms to the Transferable protocol. In iOS, the next varieties are the usual Transferable varieties:

  • String
  • Information
  • URL
  • Attributed String
  • Picture

Transferable is a protocol that describes how a kind interacts with transport APIs resembling drag and drop or copy and paste.

So what when you have a customized object, how are you going to make it transferable? Let’s say, you create the next Picture construction:

To let ShareLink share this object, you must undertake the Transferable protocol for Picture and implement the transferRepresentation property:

There are a variety of Switch Representations together with ProxyRepresentation, CodableRepresentation, DataRepresentation, and FileRepresentation. Within the code above, we use the ProxyRepresentation which is a switch illustration that makes use of one other kind’s switch illustration as its personal. Right here, we use the Picture‘s built-in Transferable conformance.

swiftui-image-transferable

Since Picture now conforms to Transferable, you’ll be able to go the Picture occasion to ShareLink:

When customers faucet the Share button, the app brings up the share sheet for sharing the photograph.

What’s Subsequent

This tutorial reveals you learn how to use ShareLink for sharing textual content, URL, and pictures. The truth is, this new view means that you can share any varieties of information so long as the sort conforms to the Transferable protocol.

For customized varieties, you undertake the protocol and supply a switch illustration through the use of one of many built-in TransferRepresentation varieties. We briefly focus on the ProxyRepresentation kind. If you’ll want to share a file between purposes, you should use the FileRepresentation kind. In later tutorials, we are going to focus on extra on that.



LEAVE A REPLY

Please enter your comment!
Please enter your name here