2015-08-16 6 views
5

Ich schaute auf http://codepen.io/mhartington/pen/KwBpRq?editors=101, und ich habe nicht CancelButton auf Android gesehen. Auf iOS funktioniert alles einwandfrei. Wie kann ich CancelButton anzeigen?ion actionsheet cancelButton nicht auf Android gezeigt

$ionicActionSheet.show({ 
    titleText: 'ActionSheet Example', 
    buttons: [ 
    { text: '<i class="icon ion-share balanced"></i> Share' }, 
    { text: '<i class="icon ion-arrow-move assertive"></i> Move' }, 
    ], 
    destructiveText: 'Delete', // << 
    cancelText: 'Cancel', 
    cancel: function() { 
    console.log('CANCELLED'); 
    }, 
+0

Let ihm befestigen chrom zu sehen, ob es ein Fehler ist in der Konsole. –

+0

Konsole sauber. – DenniLa2

+0

Und zu sehen, ob es irgendeine falsche Berechnung in dem DOM –

Antwort

12

_action-sheet.scss Regel hat:

.platform-android .action-sheet-cancel { 
    display: none; 
} 

anzuzeigen cancelButton in CSS-/.scss Datei einfügen:

.platform-android .action-sheet-cancel { 
    display: block !important; 
} 
+0

diese Antwort richtig ist, warum Sie es nicht richtig :) –

+1

Der Grund markiert, warum es keine stornieren, weil das Materialdesigns ist https://material.google.com/ Komponenten/bottom-sheets.html # Bodenblätter-modal-bottom-sheets – LeRoy

Verwandte Themen