动态添加到 qml tabbar 和 stacklayout

Question

我正在尝试在 qml 中创建一个标签页。我使用了与 StackLayout 关联的 TabBar：

      TabBar {
      id: bar
      width: parent.width
      TabButton {
          text: qsTr("Home")
      }
      TabButton {
          text: qsTr("Discover")
      }
      TabButton {
          text: qsTr("Activity")
      }
  }

  StackLayout {
      width: parent.width
      currentIndex: bar.currentIndex
      Item {
          id: homeTab
      }
      Item {
          id: discoverTab
      }
      Item {
          id: activityTab
      }
  }

这个代码可以很容易地动态添加一个新的tabButton：

        var tab = tabButton.createObject(TTabButton, {text: tabName});
        bar.addItem(tab);

其中 TTabButton 是一个单独的文件，由 TabButton 项组成。但我找不到任何方法将新页面添加到 StackLayout。它似乎应该是静态的。所以我的问题是如何在 qml 中动态分页？

Answer 1

你可以添加到 StackLayout 的子元素中：

var item = stackItem.createObject(null, {id: "tabName"})
layout.children.push(item)

stackItem 是您添加到 StackLayout layout 的那些项目的组件。