LogoLogo
  • A better way to do...stuff!
  • How we build the app
    • Overview
  • Documentation
    • Draftbit
      • Using Live Preview
      • Workspaces and Billing
      • Introduction to the Builder
      • Layout
      • Intro to Navigation
      • Fetching Data
      • Direct Integrations
      • FAQs
      • Draftbit
      • Draftbit
      • Custom Blocks
      • Borders, Background, and Elevation
      • Actions
      • Custom Screen Code
      • Exporting and Publishing Your Project
      • Sharing Your Project Online
      • Publishing Your App as a PWA
      • Stack Navigator
      • Tab Navigator
      • Draftbit
      • Draftbit
      • Basic
      • Media
      • REST Services & Endpoints
      • REST API Integrations
      • Themes & Styling
      • Submitting Data
      • Draftbit
      • Draftbit
    • Xano
      • resources-and-tips-1
        • 🎞️ Xano Video Tutorials
        • 🤝Community Corner
        • 💰Share Xano. Make money
      • FAQ
      • getting-started
        • ⚡ Jumpstart
        • 🎞️ The Xano Interface
      • instances
        • What is an Instance?
        • Early Access Instance
        • Upgrading an Instance
        • Sharing
        • Bandwidth Usage
        • API Rate Limit
      • What is a Workspace?
      • Dashboard
      • Database
      • Airtable Import
      • API
      • Library
      • Marketplace
      • Settings
      • authentication
        • Authentication
        • Sign-up & Log in
      • data-manipulation
        • The Function Stack
        • Addons (GraphQL-Like)
        • The Expression Builder
        • External Query Manipulation
        • Timestamp
        • Filters
        • Images
    • Expo
      • Creating your first build - Expo Documentation
    • Kommunicate
      • Installation
      • Installation
      • Installation
      • Installation
      • Installation
      • Flutter Installation
      • Installation
      • Zapier Integration
      • Authentication
      • CMS Installation
      • Authentication
      • Conversation
      • Conversation Assignment
      • Customization
      • Localization
      • Logout
      • Web Troubleshooting
      • Installation
      • Authentication
      • Push Notification
      • Conversation
      • Customization
      • Localization
      • Logout
      • Installation
      • Authentication
      • Push Notification
      • Conversation
      • Customization
    • Formito
      • basics
        • Getting Started
        • Variables
        • Are you GDPR ready?
        • How to prefill the values of my chatbot?
      • connect
        • How to connect Formito to Zapier?
      • convert
        • How to convert old formito chatbots to the new version?
        • How to convert Google Forms into a chatbot?
        • How to convert a Monday.com board to a chatbot?
        • How to create chatbot from QuickBase table?
      • guide
        • How to add my chatbot to WordPress?
        • How to create a chatbot for Zendesk?
      • shopify
        • How to embed my chatbot into a Shopify page?
        • How to display Formito chatbot on bottom corner of my Shopify store?
        • How to open my chatbot after clicking on links or buttons?
    • Stonly
  • Flex Stuff
    • App
    • APIs
    • Database
    • Website
    • Design
    • Style Guide
  • Content
    • Guides
    • ChatBots
    • Blogs
    • Whitepapers
  • Company
    • About us
    • Brand
    • Roadmap
    • Policies
  • Flex Together
    • Overview
    • Fair Finance
Powered by GitBook
On this page

Was this helpful?

  1. Documentation
  2. Draftbit

Custom Screen Code

PreviousActionsNextExporting and Publishing Your Project

Last updated 4 years ago

Was this helpful?

The Custom Screen Code feature allows you to store functions on a screen-by-screen basis. To access this feature, click Screen Settings (the gear icon on the right of the name of your App) and then click Custom Code in the left sidebar.

After you've saved a function, you can access it in the Actions tab of the Properties Panel by attaching it to any Button or Touchable.

Method

Description

An effect hook invoked immediately after the component has mounted (similar to a React class’s componentDidMount lifecycle function)

Invoked immediately after the component has been updated (similar to a React class’s componentDidUpdate lifecycle function)

The name that will be referenced in code to call the function.

A brief explanation of the function's purpose / what the function does.

Packages from Expo that enable additional functionality on your screen.

Package Name

Description

Package that provides an interface to access Expo's asset system.

Package that provides Audio.Sound objects and Video components for managing audio and video playback.

Provides a component to use the device's camera to take photos or record video.

*Must require CAMERA permissions for the camera and RECORD_AUDIO permissions to record video.

Provides a component to use the device's camera as a barcode scanner.

*Must require CAMERA permissions

Provides a component that renders a linear gradient.

Package that handles asking the user for various device permissions.

Provides various APIs for accessing device sensors to measure motion, orientation, pressure, magnetic fields, and step count.

Provides a component that renders a native blur view on iOS and a semi-transparent view on Android. (see: )

Updated 5 months ago

Table of Contents
Configuration
Type
Name
Description
Packages
mountEffect
useEffect
expo-asset
expo-av
expo-camera
expo-barcode-scanner
expo-blur
Blur View
expo-linear-gradient
expo-permissions
expo-sensors