qt - 动态添加到 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 的那些项目的组件。