QML - 如何在StackLayout中的任何位置插入Item?

时间:2017-07-31 16:00:57

标签: qt qml qtquick2 qt-quick qtquickcontrols2

我需要在堆栈布局中的特定位置添加一个组件,我没有得到如何插入,以下是代码。

class Items extends Component {
    constructor(props) {
        super(props);
        this.state = { hasVoted: false };

        this.OnClick = this.OnClick.bind(this);
    }

    OnClick() {
        this.setState(prevState => ({
            hasVoted: !prevState.hasVoted
        }));
    }

    render() {
        const Item = teasers.items.map(item =>
            <Col key={item.nid}>
                <span>
                    {itemType}
                </span>

                <a href={item.path}>
                    <Image src={item.image.src} title={item.productType} />
                    <span>
                        {item.Title}
                    </span>
                    <div className={teasersStyle.copy}>
                        {" "}{item.Copy}>
                    </div>
                </a>

                <div
                    className={this.state.hasVoted ? "active" : "notactive"}
                    onClick={this.OnClick}
                >
                    {this.state.hasVoted ? "Voted" : "Vote"}
                </div>
            </Col>
        );
        return (
            <div>
                <Grid>
                    <Row>
                        {Item}
                    </Row>
                </Grid>
            </div>
        );
    }
}

export default Items;

1 个答案:

答案 0 :(得分:0)

得到了答案,也可能是重复的:
https://stackoverflow.com/a/43225476/6336374

我使用了insert(index,item)

ObjectModel

感谢@derM,它帮助了很多。