Jump to Content
Draftbit
HomeKnowledge BaseRecipes
Sign up for Draftbit ↗My Draftbit ↗Community ↗Draftbit
Sign up for Draftbit ↗My Draftbit ↗Community ↗
HomeKnowledge BaseRecipes

GETTING STARTED

  • Welcome to the Draftbit Docs!
  • Dashboard Overview
  • Introduction to the Builder
  • Using Live Preview
  • FAQs
  • Workspaces
  • Community Resources

BITS

  • Basic
    • Screen
    • Icon
    • Text
    • View
  • Buttons
    • Button
    • Icon Button
    • Link
    • Touchable
    • Pressable
  • Views
    • Blur View
    • Keyboard Avoiding View
    • Keyboard Aware Scroll View
    • Scroll View
    • Tab View
  • Flex Layout
    • Center
    • Circle
    • Divider
    • Linear Gradient
    • Modal
    • Spacer
    • Square
  • Containers
    • Surface
    • Accordion
    • Shadow
  • Media
    • Audio Player
    • Image
    • Image Background
    • SVG
    • Video
    • Youtube Player
  • Lists & Data
    • Fetch
    • FlashList
    • List
    • Masonry List
  • Form Inputs
    • Date Picker
    • Picker
    • Styled Text Area
    • Styled Text Field
    • Text Area
    • Text Input
    • Number Input
    • Markdown
  • Form Controls
    • Checkbox
    • Radio Button
    • Radio Button Group
    • Radio Button Row
    • Slider
    • Star Rating
    • Stepper
    • Switch
    • Switch Row
  • Utilities
    • Activity Indicator
    • Web View
  • Maps
    • Map View
    • Map Marker
    • Map Callout
  • Action Sheet
    • Action Sheet
    • Action Sheet Item
    • Action Sheet Cancel
  • Swiper
    • Swiper
    • Swiper Item
    • Deck Swiper
  • Bottom Sheet

SAVED

  • Custom Blocks

STYLES TAB

  • Layout
  • Size & Position
  • Margins & Padding
  • Borders, Background, and Effects
  • Typography
  • Stylesheets

VARIABLES

  • Variables
  • App Variables
  • Device Variables
  • Screen Variables
  • Variables with Custom Code
  • Transform Functions
  • System Variables

PROJECT LEVEL SETTINGS

  • Themes Colors
  • Assets
  • Settings
  • Keyboard Shortcuts
  • GitHub Commit
  • Bottom Panel

CUSTOM CODE

  • Intro to Custom Code
  • Editor
  • Functions
  • Files
  • JSX
  • Packages

NAVIGATION AND ACTIONS

  • Intro to Navigation
  • Tab Navigator
  • Stack Navigator
  • Actions
  • Triggers

WORKING WITH DATA

  • REST Services & Endpoints
  • Fetching Data
  • Submitting Data
  • Passing Data
  • Example Data

AUTHENTICATION

  • Intro to Authentication
  • Back4App
  • Backendless
  • Bubble
  • Supabase
  • Xano
  • Laravel

DATA INTEGRATIONS

  • REST API Integrations
    • Example Data
    • Airtable
    • Back4App
    • Backendless
    • Bubble CMS
    • Contentful
    • Directual
    • Sheety
    • Supabase
    • Unsplash
    • Webflow CMS
    • Wordpress.com CMS
    • Xano
    • Zapier

EXPORTING, PUBLISHING & SHARING

  • Publishing Your App
    • Publishing Your App to the Apple App Store
    • Publishing Your App to the Google Play Store
    • Exporting Your Project
    • Self-Publishing to the Apple App Store
    • Self-Publishing to the Google Play Store
    • Publishing Your App as a PWA
    • Sharing Your Project Online

MISCELLANEOUS

  • Hidden Components
  • Undo Changes

Push Notifications

  • Setting Up Push Notifications
    • Push Notifications for iOS
    • Push Notifications for Android
  • Sending Push Notifications
  • Push Notification Actions

Form Controls

Suggest Edits
Components
Checkbox
Radio Button
Radio Button Group
Radio Button Row
Slider
Star Rating
Stepper
Switch
Switch Row

Updated 5 months ago