Rootless

Automate iOS, iPadOS, and macOS using plain JavaScript. Build custom widgets and interact directly with native APIs.

Download on the App Store
Rootless app interface

Plain JavaScript

Supports ES6. Scripts are stored as plain .js files on your disk.

Native APIs & Documentation

Integrate directly with iOS native APIs. Fully documented, available offline.

Siri Shortcuts

Trigger scripts via Siri. Present tables, websites, and custom HTML natively.

System Integration

Run from the Share Sheet, process inputs, and manage local files via Files.app.

x-callback-url

Communicate seamlessly and trigger workflows with other apps on your device.

Customizable & Ready

Tailor the code editor to your liking. Includes several example scripts to start immediately.

Documentation

Also inside the app, or as rootless.json.

Column

Vertical layout container

Lays its children out vertically. children is a plain array. A Column fills its main axis, so mainAxisAlignment has space to work with, and hugs its content horizontally. crossAxisAlignment: "stretch" fills that direction too.

Methods

Column(options?)WidgetNode

Vertical layout container.

  • options Any
    • mainAxisAlignment MainAxisAlignment

      Along the vertical. Default start.

    • crossAxisAlignment CrossAxisAlignment

      Across it. Default start.

    • children [WidgetNode] required

      A plain array. Push to it, map into it, spread it.

Examples

Building children up

var rows = [];
for (var i = 0; i < 3; i++) {
  rows.push(Text("Item " + i, { font: Font.system(14) }));
  rows.push(SizedBox({ height: 4 }));
}

Column({
  mainAxisAlignment: MainAxisAlignment.start,
  crossAxisAlignment: CrossAxisAlignment.start,
  children: rows,
})