App Studio Guide
App Studio Guide

header

Fields

visible • boolean

A destination object containing the type and screen id

headerTransparent • boolean

A destination object containing the type and screen id

headerLeft • [ headerItem ]

A presentation object containing transition and style configurations

headerCenter • [ headerItem ]

A presentation object containing transition and style configurations

headerRight • [ headerItem ]

A presentation object containing transition and style configurations

backgroundColor • string

A destination object containing the type and screen id

tintColor • string

A destination object containing the type and screen id

{
  "visible": true,
  "headerLeft": [
    {
      "type": "button",
      "image": {
        "type": "icon",
        "src": "https://assets.tapcart.com/eZ4Olr2pqW_657c8c3c527d48aabad297fd_icon-space-sub.svg"
      },
      "style": {
        "width": 35,
        "height": 35
      },
      "action": {
        "type": "screen/open",
        "data": {
          "destination": {
            "type": "screen",
            "id": "9M5lEgg5up"
          },
          "presentation": {
            "transition": "default",
            "style": "default"
          }
        }
      }
    }
  ],
  "headerCenter": [
    {
      "type": "button",
      "image": {
        "type": "image",
        "src": "https://assets.tapcart.com/app-config/eZ4Olr2pqW_653ad6054b31ffb8e829e2af.png"
      },
      "style": {
        "width": 93.75,
        "height": 35
      },
      "action": {
        "type": "scroll/top"
      }
    }
  ],
  "headerRight": [
    {
      "type": "button",
      "image": {
        "type": "icon",
        "src": "https://assets.tapcart.com/eZ4Olr2pqW_65450f254b31ffb8e82a8d51_icon-bag.svg"
      },
      "style": {
        "width": 35,
        "height": 35
      },
      "badge": {
        "visible": true,
        "value": "{cart.count}"
      },
      "action": {
        "type": "screen/open",
        "data": {
          "destination": {
            "type": "screen",
            "id": "svgxGbPgVQ"
          },
          "presentation": {
            "transition": "fullscreen",
            "style": "default"
          }
        }
      }
    }
  ]
}
🛒

Navigating to known screens using type

Upon invoking the addToCart function, the app will reference this setting to determine if the user should be automatically navigated to the cart, or left where they are.

Updated about 1 year ago

Did this page help you?