Ion Nav Bar位于条形码扫描仪上方

Question

我遇到了Ionic的问题。我已经实现了Phonegap Bar的条码扫描器，它工作正常。我的问题是我希望在激活/打开条形码扫描器的同时显示导航栏，但条形码扫描器始终处于全屏状态并忽略导航栏。

我该怎么做？

我的tab-scanner.html

<ion-view view-title="Scanner">
  <ion-content>
    <center>
      <!-- Beim Klick des Buttons wird die Methode Scan() ausgeführt -->
      <button class="button button-assertive" ng-click="scan()">
        Scan
      </button>
      <!-- Methode Fetch wird mit dem Parameter blabla ausgeführt -->
      <button class="button button-positive" ng-click="fetch(4001513007704)">
        Ean
      </button>
    </center>
  </ion-content>
</ion-view>

My Scanner-Controller:
.controller('ScannerCtrl', function($scope, dataService, dataFactory) {
  $scope.scan = function() {
    cordova.plugins.barcodeScanner.scan(function(result) {
      $scope.fetch(result.text); 
    }, function(error) {
      alert(JSON.stringify(error));
    });
  };

  $scope.fetch = function(ean) {
    dataService.eanData(ean).then(function(dataResponse) {
      dataFactory.setData(dataResponse.data);
    });
  };
})

应用中的图片： If you click on the scan button the scanner is opening

The scanner is here in fullscreen

Answer 1

您需要重写插件的代码。在PhoneGap插件目录中（在您的离子项目中），使用WinRAR，7Zip等解压缩.aar文件。

然后查看res/layout

capture.xml是您需要重写的文件，使用Android Studio这样设计视图活动： 在这里，您可以重新设计视图，添加新按钮以及其他