Natively Docs
Join our community 🔥
  • 👩‍🚀Getting Started
    • What is Natively?
    • Why Natively?
    • FAQ
    • Create Your First App
  • 🚀Natively Platform
    • 🚉Releases
    • 🖌️Appearance
      • 😼App Icon
      • 📱Loading Screen
      • 📱Error Screen
      • 🎨Style
    • 🎬Preview
    • ⭐Features
      • 🛳️Bottom Bar
      • 🚇Deeplinks
        • 🔥Firebase
        • 🔗Universal Links
        • 🌱Branch.io
      • 📍Geolocation
      • 🔔Notifications
        • 📲OneSignal Notifications
        • 🔥Firebase Notifications (Advanced)
      • 📒Contacts
      • 👩‍🎨Social Auth
        • 🍏Sign In with Apple
      • 💟HealthKit
      • 💰Purchases
      • 🤑Admob
      • 💳NFC
      • 📷Camera
      • 📂Photo Library
      • 🎤Microphone
      • 📈Analytics
        • 🕊️AppsFlyer
        • 😛Facebook
    • 🚚Publish
      • 🍏iOS App
      • 🤖Android App
    • ⚙️Settings
    • 🙈Subscription Plans
  • Guides
    • 🧋Integration (Native Features)
      • 🏅How to get started?
      • ℹ️Device
      • ℹ️Browser Info
      • 🛳️Bottom Bar
      • ✂️Clipboard
      • 🚦Push Notifications - OneSignal
      • 🚦Push Notifications - Firebase (Advanced)
      • 📍Geolocation
      • 📦App Storage
      • 🗝️Biometrics & Credentials
      • 📧Native SMS/Email
      • 📅Native Date Picker
      • 📸Native Camera
      • 🎙️Native Audio Recorder
      • 🈁Native Scanner (QR/Barcode)
      • 📔Contacts
      • 🍏Apple Sign In
      • ❤️HealthKit
      • 💸In-App Purchases
      • 🤑Admob
      • 💳NFC
      • 🥑Show Toast/Banner
      • ⏳Show/Hide Loading Screen
      • 🥑Haptic Feedback
      • 🖼️Share Media/Files
      • 📱Open an external App/URL
      • ✍️Request User's review
      • ↔️getInsets
      • 🎨Control Style & Colors
    • 🔍Troubleshooting
    • 🐈Setup RevenueCat App
    • 🚑Setup Admob App
    • 🚥Setup One Signal App
    • 🧑‍🤝‍🧑Setup website Universal Links (Deeplinks)
    • 🍕Testing & Submitting your app
    • 🔑Generate iOS Push Key (NEW)
    • 🔑Generate iOS Push Certificate (Legacy)
    • 🤝Affiliate program
    • 📕For Partners: Natively Brand Book.
Powered by GitBook
On this page
  • Colors
  • App Background Color
  • Loader Color
  • Device
  • Swipe Navigation
  • Pull To Refresh
  • Status Bar Style
  • Safe Area
  • Resize Viewport
  • Bottom Overlay
  • Background Audio
  • Wake Lock

Was this helpful?

  1. Natively Platform
  2. Appearance

Style

PreviousError ScreenNextPreview

Last updated 1 month ago

Was this helpful?

Some bellows parameters can be updated with SDK later (check section)

App Background Color

Loader Color

Swipe Navigation

Pull To Refresh

Status Bar Style

Safe Area

Colors

App Background Color

The top background (It displays only on iOS devices with notch)

If your page background is transparent, it will be the page's background.

Loader Color

The color of a loader on the top (This loader will be displayed only while the page is loading)

Device

Swipe Navigation

Users can navigate between pages with a swipe gesture

Pull To Refresh

Drag to the bottom to refresh the page

Status Bar Style

In iOS: Status bar color, can be "Dark", "Light", or None(Hidden)

In Android: "Dark" or "Light"

Safe Area

Safe Area - it's a space on the top of the app, that can be Enabled/Disabled.

Resize Viewport

Enabling this option adjusts the viewport, allowing users to scroll and access focused input fields that are obscured by the keyboard.

Bottom Overlay

Enables Android navigation bar.

Background Audio

Enable this feature if your app requires background audio playback.

Wake Lock

Prevent your app from automatically locking the screen.

If it's Enabled, the background can be controlled by

If it's Enabled, the feature can be controlled by

🚀
🖌️
🎨
Wake Lock
App Background Color
Control Style & Colors
Top bar background (If iPhone with notch)
DARK
LIGHT
Disabled
Enabled