Settings Schema

Settings control device simulation, appearance, network, locale, and simulator behavior.

Device

keytypedefaultdescription
deviceModelDeviceModeliphone-17-prodevice model to simulate
orientationportrait | landscapeportraitscreen orientation

Appearance

keytypedefaultdescription
colorSchemelight | dark | autoautocolor scheme (auto follows system)
reduceMotionbooleanfalsereduce motion
boldTextbooleanfalsebold text
fontSizenumber1.0font size multiplier (0.5-2.0)

Network

keytypedefaultdescription
networkConditionwifi | lte | fast-3g | slow-3g | offlinewifisimulated network

Locale

keytypedefaultdescription
languagestringenISO 639-1 language code
regionstringUSISO 3166-1 region code

Simulator

keytypedefaultdescription
showTouchesbooleanfalseshow touch indicators
showFramebooleantrueshow device frame
showTopBarbooleantrueshow the simulator top bar
showStatusBarbooleantrueshow status bar
showHomeIndicatorbooleantrueshow home indicator
alwaysShowLiveWebViewsbooleanfalserender WebViews as live browser views
a11yModeoff | delayed | activedelayedaccessibility tree sync (delayed=100ms, active=30ms)
a11yDepthshallow | deepdeepaccessibility tree structure depth
inspectModebooleanfalseinspect mode

Screenshot Mode and 3D Mode add their own screenshot* / three* keys; see App Store screenshots.

Runtime API

import { settingsStore } from 'sootsim-engine/settings'
settingsStore.get('deviceModel') // 'iphone-17-pro'
settingsStore.set('colorScheme', 'dark')
settingsStore.apply({ deviceModel: 'iphone-16-pro', colorScheme: 'dark' })
settingsStore.subscribe(() => { ... })
settingsStore.reset()

Ready to build?

Run your React Native app in the browser. No simulators, no native toolchain, no waiting.

curl -fsSL https://sootsim.com/install.sh | sh