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
  • Flex Layout
    • Center
    • Circle
    • Divider
    • Linear Gradient
    • Modal
    • Spacer
    • Square
  • Containers
    • Surface
    • Accordion
  • Media
    • Audio Player
    • Image
    • Image Background
    • SVG
    • Video
  • Lists & Data
    • Fetch
    • FlashList
    • List
    • Masonry List
  • Form Inputs
    • Date Picker
    • Picker
    • Styled Text Area
    • Styled Text Field
    • Text Area
    • Text Input
    • Number Input
  • 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

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

Push Notifications

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

Form Inputs

Suggest Edits

Components that can be used to log user input.

Components
Date Picker
Picker
Styled Text Area
Styled Text Field
Text Area
Text Input
Number Input

Updated 3 months ago