LogoLogo
  • A better way to do...stuff!
  • How we build the app
    • Overview
  • Documentation
    • Draftbit
      • Using Live Preview
      • Workspaces and Billing
      • Introduction to the Builder
      • Layout
      • Intro to Navigation
      • Fetching Data
      • Direct Integrations
      • FAQs
      • Draftbit
      • Draftbit
      • Custom Blocks
      • Borders, Background, and Elevation
      • Actions
      • Custom Screen Code
      • Exporting and Publishing Your Project
      • Sharing Your Project Online
      • Publishing Your App as a PWA
      • Stack Navigator
      • Tab Navigator
      • Draftbit
      • Draftbit
      • Basic
      • Media
      • REST Services & Endpoints
      • REST API Integrations
      • Themes & Styling
      • Submitting Data
      • Draftbit
      • Draftbit
    • Xano
      • resources-and-tips-1
        • 🎞️ Xano Video Tutorials
        • 🤝Community Corner
        • 💰Share Xano. Make money
      • FAQ
      • getting-started
        • ⚡ Jumpstart
        • 🎞️ The Xano Interface
      • instances
        • What is an Instance?
        • Early Access Instance
        • Upgrading an Instance
        • Sharing
        • Bandwidth Usage
        • API Rate Limit
      • What is a Workspace?
      • Dashboard
      • Database
      • Airtable Import
      • API
      • Library
      • Marketplace
      • Settings
      • authentication
        • Authentication
        • Sign-up & Log in
      • data-manipulation
        • The Function Stack
        • Addons (GraphQL-Like)
        • The Expression Builder
        • External Query Manipulation
        • Timestamp
        • Filters
        • Images
    • Expo
      • Creating your first build - Expo Documentation
    • Kommunicate
      • Installation
      • Installation
      • Installation
      • Installation
      • Installation
      • Flutter Installation
      • Installation
      • Zapier Integration
      • Authentication
      • CMS Installation
      • Authentication
      • Conversation
      • Conversation Assignment
      • Customization
      • Localization
      • Logout
      • Web Troubleshooting
      • Installation
      • Authentication
      • Push Notification
      • Conversation
      • Customization
      • Localization
      • Logout
      • Installation
      • Authentication
      • Push Notification
      • Conversation
      • Customization
    • Formito
      • basics
        • Getting Started
        • Variables
        • Are you GDPR ready?
        • How to prefill the values of my chatbot?
      • connect
        • How to connect Formito to Zapier?
      • convert
        • How to convert old formito chatbots to the new version?
        • How to convert Google Forms into a chatbot?
        • How to convert a Monday.com board to a chatbot?
        • How to create chatbot from QuickBase table?
      • guide
        • How to add my chatbot to WordPress?
        • How to create a chatbot for Zendesk?
      • shopify
        • How to embed my chatbot into a Shopify page?
        • How to display Formito chatbot on bottom corner of my Shopify store?
        • How to open my chatbot after clicking on links or buttons?
    • Stonly
  • Flex Stuff
    • App
    • APIs
    • Database
    • Website
    • Design
    • Style Guide
  • Content
    • Guides
    • ChatBots
    • Blogs
    • Whitepapers
  • Company
    • About us
    • Brand
    • Roadmap
    • Policies
  • Flex Together
    • Overview
    • Fair Finance
Powered by GitBook
On this page

Was this helpful?

  1. Documentation
  2. Draftbit

Media

PreviousBasicNextREST Services & Endpoints

Last updated 4 years ago

Was this helpful?

Components that help further define the structure and feel of the screen.

A component for displaying different types of images.

❗️Make sure the Image file name begins with a letter, not a number!

Parameter

Description

Image Source

Select an image that has been uploaded to the builder or upload a new one.

Resize Mode

Set how to resize the image when the dimensions set in the component don't match the actual dimensions of the image. Refer to the Resize Mode table below to learn more about each setting.

A component that allows you to set a background image to cover the entire screen.

❗️Make sure the Image file name begins with a letter, not a number!

Parameter

Description

Image Source

Select an image that has been uploaded to the builder.

Overflow

Allows you to set the behavior of the image when it extends beyond the boundaries of the container.

Resize Mode

Set how to resize the image when the dimensions set in the component don't match the actual dimensions of the image. Refer to the Resize Mode table below to learn more about each setting.

A component that displays a video.

❗️YouTube videos are not currently supported. Please use a video in a .mp4 or .mov format.

Parameter

Description

Playback Rate

Set a number between 0 and 32 to control the playback rate of the video.

Video URL

Paste the URL of the video to be loaded into the component.

Volume

Allows you to set a number between 0 (mute) and 1 (maximum) to control the video audio, defaults to .5.

Mute

Enable to mute the video.

Allow Looping

Enable to loop the video.

Use Thumbnail

Enable so that a thumbnail will appear when the video is not playing.

Resize Mode

How the video will be resized when its dimensions set for the component don't match the actual dimensions of the video.

Play on Load

Enable so that the video will play when loaded.

Thumbnail Source

Select an image that has been uploaded to the builder or upload a new one to be used as a thumbnail for the video.

Starting Point

Set the time the video will begin to play.

Use Native Controls

Enable to give users the ability to play/pause the video.

A component that renders a website on the screen in a native view.

Parameter

Description

Website url

The url of the page to be loaded in the Web View

Scroll Bounce

Enable so that the page slightly bounces once the user reaches the top or the bottom of the page.

Content Inset

The amount of padding applied to the web content inside the Web View container.

Scrollable

Enable or disable scrolling in the Web View.

Scale Page to Fit

Enable so that the website automatically scales itself down to fit the size of the web view.

Inline Video Playback

When enabled, HTML5 videos will play as they would in a normal browser instead of the native, full-screen mode.

User Controls Media Playback

Enable to allow the user is able to control when video or audio on the screen plays/stops.

A component that allows you to play audio.

Parameter

Description

URL

The URL of the audio file to be played.

Updated about a month ago

React Native Docs
Expo Docs
React Native Docs
Expo Docs
Expo Docs
React Native Docs
Expo Docs
Table of Contents
Image
Configuration
Resources
Image Background
Configuration
Resources
Video
Configuration
Resources
Web View
Configuration
Resources
Audio Player
Configuration