Question

我想这样做

```的xml

  <android>
      <NavigationButton 
                 text="Go Back"
                 android.systemIcon="ic_menu_more"
                 @tap="$refs.drawer.nativeView.showDrawer()"/>
  </android>

  <ios>
     <ActionItem 
            text="Menu" 
            @tap="$refs.drawer.nativeView.showDrawer()" />
  </ios>
</ActionBar>

```

最好的方法是什么？

Answer 1

在此发布https://github.com/nativescript-vue/nativescript-vue/issues/180#issuecomment-380844535

你可以像使用这些元素一样使用这些元素，但是ActionBar有点不同（因此它为什么不像你期望的那样工作）。我在项目中所做的就是添加

// main.js
import { isAndroid, isIOS } from 'tns-core-modules/platform';
Vue.prototype.$isAndroid = isAndroid;
Vue.prototype.$isIOS = isIOS;

在模板中

<ActionBar android.icon="ic_home" class="action-bar" title="Home">
         <NavigationButton 
                     v-if="$isAndroid"
                     text="Go Back"
                     android.systemIcon="ic_menu_more"
                     @tap="$refs.drawer.nativeView.showDrawer()"/>
         <ActionItem 
                v-else
                text="Menu" 
                @tap="$refs.drawer.nativeView.showDrawer()" />
</ActionBar>

如何在Nativescript Vue中使用<ios>或<android>元素

1 个答案: