The Draftbit Developer Hub

Welcome to the Draftbit developer hub. You'll find comprehensive guides and documentation to help you start working with Draftbit as quickly as possible, as well as support if you get stuck. Let's jump right in!

Get Started    

Interactions Tab

Actions can be assigned to any Button or Touchable in your project. After you select a Button or Touchable in the Layer Tree, an Action panel will appear in the Config Panel.

Once opened, you will be able to assign one of the following options:

ActionDescription
NavigateIn the dropdown, select a screen in the current navigator or a different navigator to navigate to. (Stack Navigator only: Aside from screens and navigators, a Go back option is in the dropdown which takes you to the previous screen in the stack.)
Open web browserEnter the URL for a website which will be opened in-app when tapped.
Open Link with LinkingConfigure a URL Scheme to open applications or the browser outside of the app.

URL schemes

mailto

Opens a new email in the Mail app with the email address provided set as the recipient.

tel

Prompts user to call the the phone number provided.

sms

Opens a new message in the SMS app with the phone number provided set as the recipient.

https:// or http://

Opens the website in the default browser, outside the app.

Google Maps

If Google Maps is installed on the user's device, the Google Maps application will open. If it isn't installed, Google Maps will open in the browser. Check the Google Maps Developer Guide for more information on constructing valid URLS.

Search

Launch Google Maps with a list of locations that match the query with the closest one being pinned.
https://www.google.com/maps/search/?api=1&query=Shake+Shack

Directions

Launch Google Maps with directions to the location defined in the URL from the user's current location.
https://www.google.com/maps/dir/?api=1&destination=Shake+Shack+66+E+Ohio+St+Chicago+IL

Display a Map

Launch a blank map with the user's location highlighted.
https://www.google.com/maps/@?api=1&map_action=map

Display a Street View panorama

Launch a Street View panorama of the selected location.
https://www.google.com/maps/@?api=1&map_action=pano&viewpoint=48.857832,2.295226&heading=-45&pitch=38&fov=80

Resources

Expo Documentation: Linking
Google Maps Developer Guide

Updated 3 months ago


Interactions Tab


Suggested Edits are limited on API Reference Pages

You can only suggest edits to Markdown body content, but not to the API spec.