Jump to Content
Home
Knowledge Base
Recipes
Sign up for Draftbit ↗
My Draftbit ↗
Community ↗
Sign up for Draftbit ↗
My Draftbit ↗
Community ↗
Moon (Dark Mode)
Sun (Light Mode)
Home
Knowledge Base
Recipes
Search
GETTING STARTED
Welcome to the Draftbit Docs!
Dashboard Overview
Introduction to the Builder
Using Live Preview
FAQs
Workspaces
Community Resources
COMPONENTS
Basic
Screen
Icon
Text
View
Headings
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
H Stack
V Stack
Z Stack
Containers
Surface
Accordion
Shadow
Aspect Ratio
Media
Audio Player
Image
Image Background
SVG
Video
Youtube Player
Lists & Data
Fetch
FlashList
List
Masonry List
Form Inputs
Date Picker
Picker
Picker Item
Multi-Select Picker
Styled Text Area
Styled Text Field
Text Area
Text Input
Number Input
PIN 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
HTML View
Linear Progress
Circular Progress
Maps
Map View
Map Marker
Map Callout
Map Marker Cluster
Map Marker Cluster View
Map Circle
Action Sheet
Action Sheet
Action Sheet Item
Action Sheet Cancel
Swiper
Swiper
Swiper Item
Swipeable List
Swipable Item
Swipeable Item Button
Section List
Section Header
Deck Swiper
Bottom Sheet
Table
Table Row
Table Cell
SAVED
Custom Blocks
STYLES TAB
Layout
Size & Position
Margins & Padding
Borders, Background, and Effects
Typography
Stylesheets
Dynamic Styling
Breakpoints
VARIABLES
Variables
App Variables
Device Variables
Screen Variables
System Variables
Variables with Custom Code
Transform Functions
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
Intro to Navigation
Tab Navigator
Stack Navigator
Triggers And Actions
Action Editor
Triggers
Actions
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
Keyboard Shortcuts
Suggest Edits
Updated over 1 year ago
