android - 如何添加侧抽屉？ [Nativescript + Angular]

Question

在主模块中我添加了这个:

import {SIDEDRAWER_DIRECTIVES} from "nativescript-telerik-ui/sidedrawer/angular";
...
declarations: [
        SIDEDRAWER_DIRECTIVES,
        AppComponent,
        ...AppComponents
]

app.component.html 的 xml 部分:

<RadSideDrawer [drawerLocation]="currentLocation" tkExampleTitle tkToggleNavButton>
    <StackLayout tkDrawerContent class="sideStackLayout">
        <StackLayout class="sideTitleStackLayout">
            <Label text="Navigation Menu"></Label>
        </StackLayout>
        <StackLayout class="sideStackLayout">
            <Label text="Primary" class="sideLabel sideLightGrayLabel"></Label>
            <Label text="Social" class="sideLabel"></Label>
            <Label text="Promotions" class="sideLabel"></Label>
            <Label text="Labels" class="sideLabel sideLightGrayLabel"></Label>
            <Label text="Important" class="sideLabel"></Label>
            <Label text="Starred" class="sideLabel"></Label>
            <Label text="Sent Mail" class="sideLabel"></Label>
            <Label text="Drafts" class="sideLabel"></Label>
        </StackLayout>
    </StackLayout>
    <StackLayout tkMainContent>
        <Label [text]="mainContentText" textWrap="true" class="drawerContentText"></Label>
        <Button text="OPEN DRAWER" (tap)=openDrawer()></Button>
    </StackLayout>
</RadSideDrawer>

当我尝试运行它时出现错误:

An uncaught Exception occurred on "main" thread. com.tns.NativeScriptException: Calling js method onCreateView failed

TypeError: Cannot read property 'android' of undefined File: "file:///data/data/org.nativescript.nativescript/files/app/tns_modules/nativescript-telerik-ui/sidedrawer/sidedrawer.js, line: 91, column: 39

StackTrace: Frame: function:'RadSideDrawer.initOldDrawer', file:'file:///data/data/org.nativescript.nativescript/files/app/tns_modules/nativescript-telerik-ui/sidedrawer/sidedrawer.js', line: 91, column: 40 Frame: function:'RadSideDrawer._createUI', file:'file:///data/data/org.nativescript.nativescript/files/app/tns_modules/nativescript-telerik-ui/sidedrawer/sidedrawer.js', line: 147, column: 18 Frame: function:'View._onContextChanged', file:'file:///data/data/org.nativescript.nativescript/files/app/tns_modules/ui/core/view.js', line: 202, column: 14 Frame: function:'View._onAttached', file:'file:///data/data/org.nativescript.nativescript/files/app/tns_modules/ui/core/view.js', line: 1

有人知道什么是问题吗？

Answer 1

• 导入:

从'nativescript-telerik-ui/sidedrawer/angular'导入{NativeScriptUISideDrawerModule}；

• 将其添加到您的导入中:

导入:[ NativeScriptUISideDrawerModule, ... ]

现在，您的侧抽屉应该可以正常工作了。