Jump to Content

Home Knowledge Base Recipes

Sign up for Draftbit ↗My Draftbit ↗Community ↗

Sign up for Draftbit ↗My Draftbit ↗Community ↗

Home Knowledge Base Recipes

GETTING STARTED

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

COMPONENTS

Basic
Buttons
Views
Flex Layout
Containers
Media
Lists & Data
Form Inputs
Form Controls
Utilities
Maps
Action Sheet
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
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

EXPORTING, PUBLISHING & SHARING

Publishing Your App

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

Action Sheet

Action Sheet Components

Components
Action Sheet
Action Sheet Item
Action Sheet Cancel

Updated 11 months ago