Jump to Content

Home Knowledge Base Examples

Sign up for Draftbit ↗Dashboard ↗Community ↗

Knowledge Base

Sign up for Draftbit ↗Dashboard ↗Community ↗

Tab Bar Block

All

Pages

Start typing to search…

GETTING STARTED

Welcome to Draftbit!
Dashboard Overview
Workspaces
Community Resources
FAQs

Builder

Intro to the Builder
Assets
Settings
Environments
Live Preview
Console Logs
Keyboard Shortcuts

COMPONENTS

Intro to Components
Basic
Buttons
Views
Flex Layout
Containers
- Accordion
- Surface
Media
Lists & Data
Form Inputs
Form Controls
Maps
Swipers
Text Elements
- Headings
- Markdown
Overlays
Utilities
Blocks

STYLing

Intro to Styling
Theme
Breakpoints
Stylesheets
Dynamic Styling
Conditional Display
Typography
Flex Layout
Margins & Padding
Borders, Background, Effects
Size & Position
Safe Area

VARIABLES

Intro to Variables
App Variables
Device Variables
Screen Variables
System Variables
Variables in Code
Transforming Values

NAVIGATION

Intro to Navigation
Stack Navigator
Tab Navigator
- Tab Bar Block
Drawer Navigator
- Drawer Nav Block
Passing Data
Header Buttons

InterActions

Action Editor
Triggers
Actions

CUSTOM CODE

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

Connecting To Data

REST API Services
REST API Endpoints

WORKING WITH DATA

Fetching Data
Submitting Data

DATA INTEGRATIONS

REST API Integrations

AUTHENTICATION

Intro to Authentication
Back4App
Backendless
Bubble
Supabase
Xano

EXPORTING, PUBLISHING & SHARING

Intro to Publishing
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
GitHub Commit

Push Notifications

Intro to Push Notifications
Push Notifications for iOS
Push Notifications for Android
Sending Push Notifications
Push Notification Actions

Tab Bar Block

Create custom bottom tabs for Tab Navigator using a Block

Updated 30 days ago

Drawer Navigator