Question

出于某种疯狂的原因，我无法在ActionBar上或在ActionBar中工作。

我假设此问题是由我使用ActionBar.titleView设置的自定义ActionBar引起的。但是，根据我目前的理解，必须以这种方式进行设置才能拥有标题的自定义字体。

我把它设置如下..

<RadSideDrawer #drawer>
    <StackLayout tkDrawerContent class="sideStackLayout">
        <StackLayout class="sideTitleStackLayout">
            <Label [text]="name"></Label>
        </StackLayout>
        <StackLayout class="sideStackLayout">
            <Label text="Dashboard" class="sideLabel sideLightGrayLabel"></Label>
            <Label text="Sessions" class="sideLabel"></Label>
            <Label text="Starred" class="sideLabel"></Label>
        </StackLayout>
    </StackLayout>

    <StackLayout tkMainContent>

        <ActionBar>
            <ActionBar.titleView>
                <Label text="Dashboard"></Label>
            </ActionBar.titleView>

            <ActionItem 
                *ngIf="!gameOn"
                id="startsessbtn" 
                (tap)="startSession()" 
                text="start"
                ios.systemIcon="4" 
                ios.position="right"
                android.systemIcon="ic_menu_add" 
                android.position="actionBar">
            </ActionItem>

            <ActionItem 
                *ngIf="gameOn"
                id="startsessbtn" 
                (tap)="endSession()" 
                text="end"
                ios.systemIcon="4" 
                ios.position="right"
                android.systemIcon="ic_menu_edit" 
                android.position="actionBar">
            </ActionItem>

        </ActionBar>


        <StackLayout>....</StackLayout>


    </StackLayout>
</RadSideDrawer>

我要做的是在这种情况下显示一个ActionItem取决于布尔值gameOn，但这不起作用。

Answer 1

将ActionBar放在RadSideDrawer上方，例如：

<ActionBar>
  // etc.
</ActionBar>
<RadSideDrawer #drawer>
  // etc.

NativeScript + Angular中不存在ActionBar.titleView，因此您需要将此设置用于自定义标题：

<ActionBar>
  <StackLayout horizontalAlignment="center" verticalAlignment="center">
    <Label text="Dashboard"></Label>
  </StackLayout>
  <ActionItem *ngIf="!gameOn">
    // etc.
  </ActionItem>
</ActionBar>

ng如果不使用自定义NativeScript Angular ActionBar

1 个答案: