如何在不调用 navigate() 的情况下更改整个视图？

Question

1. 我需要将整个view 动态更改为另一个（例如，根布局应更改为DockLayout），但不使用Frame.navigate() 方法。 这是怎么做到的？

2. 其他问题是关于View.load() 方法。这种方法有哪些用例？

const view = parse(`<StackLayout><Button tap="{{ onButtonTap }}" text="Tap me!"/></StackLayout>`);

class ViewModel extends Observable {

    public onButtonTap(args: EventData) {
        // need to change whole view to another here (for example, root layout should be DockLayout now)
        // but without using Frame.navigate() method
        // How do this?
    }
}

app.run({
    create: () => {
        view.bindingContext = new ViewModel();
        return view;
    }
});

Answer 1

你可以使用builder。

const builder = require('tns-core-modules/ui/builder');

const view = builder.parse(`<StackLayout><Button tap="{{ onButtonTap }}" text="Tap me!"/></StackLayout>`);
view.bindingContext = myBindingContext;

// If you want to replace everything in Page
page.content = view;

Or

// If you want to add it to a parent layout
parentStackLayout.addChild(view);

编辑：如果要替换根视图本身，则必须在 application 模块上使用 _resetRootView 方法。

const create = () => {
    const view = builder.parse(`<StackLayout><Button tap="{{ onButtonTap }}" text="Tap me!"/></StackLayout>`);
    view.bindingContext = myBindingContext;
    return view;
};
application._resetRootView({
    create: create
});