Example of iOS 26 liquid glass Tabs with accessory and search role tab

Requirements: NativeScript 9 with iOS 26.

ns-ios-tabs-accessory.mp4

Try it

npm run ios

Notes

For clarity and thoroughness, this shows 2 ways to handle accessory views. Use NativeScript via TypeScript directly or use Swift. Choice is yours.

• NativeScript creation:

  ns-vue-tabs/src/components/tab-customize.ts

  Line 49 in 2147d63

  const root = new GridLayout();

• Swift creation: https://github.com/NathanWalker/ns-vue-tabs/blob/main/App_Resources/iOS/src/Tabs.swift
  • Which can be used here:

    ns-vue-tabs/src/components/tab-customize.ts

    Line 110 in 2147d63

    return TabsAccessoryView.new();