วิธีการลบ debug banner บน flutter บน Android emulator [ปิด]


270

วิธีการลบแบนเนอร์แก้ปัญหาในกระพือ?

ฉันกำลังใช้งานอยู่flutter screenshotและต้องการให้ภาพหน้าจอไม่มีแบนเนอร์ ตอนนี้มันมี

โปรดทราบว่าฉันได้รับnot supported for emulatorข้อความสำหรับโหมดโปรไฟล์และรีลีส


debugShowCheckedModeBanner: false
xgqfrms

เพิ่มdebugShowCheckModeBanner:falseในวิดเจ็ต MaterialApp () และควรลบแบนเนอร์ในการโหลดซ้ำร้อน
maheshmnj

@maheshmnj คุณสามารถบอกฉันได้ว่าอะไรคือความแตกต่างในความคิดเห็นของคุณจากคำตอบที่ยอมรับคุณแสดงความคิดเห็นหลังจากคำตอบที่ยืนยันแล้ว?
TARUN SHARMA

มีความแตกต่างระหว่างความคิดเห็นและคำตอบดูที่การประทับเวลาด้วยชื่อตอนต้นเมื่อไม่มีคำตอบมากมาย
maheshmnj

@maheshmnj แต่คำตอบที่ยืนยันแล้วอยู่ที่นี่ก่อนความคิดเห็นของคุณดังนั้นความคิดเห็นนั้นก็ไร้ประโยชน์แม้แต่ผู้ใช้ที่ได้ยืนยันคำตอบแล้ว
TARUN SHARMA

คำตอบ:


542

บนMaterialAppชุดที่จะdebugShowCheckedModeBannerfalse

MaterialApp(
 debugShowCheckedModeBanner: false
)

แก้ปัญหาแบนเนอร์จะถูกลบออกโดยอัตโนมัติในการเปิดตัวสร้าง


21
การใช้งาน:return new MaterialApp( home: new LoginPage(), debugShowCheckedModeBanner: false, theme: new ThemeData( primarySwatch: Colors.green, ));
Alex Angelico

1
ฉันจำเป็นต้องใช้debugShowCheckedModeBanner: falseในแต่ละชั้นหมายถึงกิจกรรมหรือไม่
Ashish

4
flutterคำสั่งภาพหน้าจอในตัวเครื่องมือยังรู้วิธีลบแบนเนอร์ "debug" โดยอัตโนมัติขณะที่จับภาพหน้าจอหากมีประโยชน์
Eric Seidel

1
@Ashish ไม่คุณไม่จำเป็นต้องทำ
C-Spydo

@EricSeidel ไม่ใช่โดยค่าเริ่มต้นมันไม่ได้ (Flutter 1.16.4-pre.18 •ช่องหลัก• github.com/flutter/flutter.gitกรอบงาน•แก้ไข c8efcb632b (6 สัปดาห์ที่ผ่านมา) • 2020-03-27 22:31: 01 -0700 Engine •การแก้ไข 3ee9e3d378) มีเคล็ดลับในการเปิดใช้งานนี้หรือไม่?
โทมัส

50
  • หากคุณใช้ Android Studio คุณสามารถค้นหาตัวเลือกในแท็บ Flutter Inspector -> การทำงานเพิ่มเติม

Android Studio

  • หรือถ้าคุณใช้ Dart DevTools คุณสามารถค้นหาปุ่มเดียวกันได้ที่มุมบนขวาเช่นกัน

Dart DevTools


21

หากคุณใช้ IntelliJ IDEA มีตัวเลือกในตัวตรวจสอบการกระพือเพื่อปิดการใช้งาน

ดำเนินโครงการ

เปิดตัวตรวจสอบกระพือ

ซ่อนแบนเนอร์ช้า

เมื่อคุณอยู่ใน Flutter Inspector ให้คลิกหรือเลือก "More Actions"

รูปภาพของ Flutter Inspector

เมื่อเมนูปรากฏขึ้นให้เลือก "ซ่อนแบนเนอร์โหมดแก้ไขข้อบกพร่อง"

รูปภาพของซ่อนโหมดดีบักแบนเนอร์


19

นี่คือคำตอบง่ายๆที่คุณต้องการ

MaterialApp(
 debugShowCheckedModeBanner: false
)

แต่ถ้าคุณต้องการที่จะลึกลงไปกับแอพ (ต้องการปล่อย apk (ซึ่งไม่มีแบนเนอร์แก้ปัญหา) และถ้าคุณกำลังใช้สตูดิโอ Android แล้วไปที่

Run -> Flutter Run 'main.dart' ในโหมด Relese


9

นอกจากนี้ยังมีอีกวิธีในการลบแบนเนอร์ "debug" ออกจากแอพพลิเคชั่นที่กระพือ ตอนนี้หลังจากรีลีสใหม่ไม่มี"debugShowCheckedModeBanner: false,"บรรทัดโค้ดในไฟล์ main.dart ดังนั้นฉันคิดว่าวิธีการเหล่านี้มีประสิทธิภาพ:

  1. หากคุณใช้ VS Code ให้ทำการติดตั้ง"Dart DevTools"จากส่วนขยาย หลังจากการติดตั้งคุณสามารถหา"Dart DevTools"ไอคอนข้อความที่ด้านล่างของรหัส VS ได้อย่างง่ายดาย เมื่อคุณคลิกที่ไอคอนข้อความลิงก์จะเปิดใน google chrome จากหน้าลิงค์นั้นคุณสามารถลบแบนเนอร์ได้อย่างง่ายดายเพียงแค่แตะที่ไอคอนแบนเนอร์ดังที่แสดงในภาพหน้าจอนี้

หมายเหตุ: - Dart DevToolsเป็นส่วนขยายการดีบักภาษาโผใน VS Code

  1. หากDart DevToolsติดตั้งแล้วในรหัส VS ของคุณคุณสามารถเปิด google chrome และเปิด url นี้ได้โดยตรง"127.0.0.1:ZZZZZ/?hide=debugger&port=XXXXX"

หมายเหตุ: - ในลิงค์นี้แทนที่ "XXXXX" ด้วยหมายเลขพอร์ต 5 หลัก (ซึ่งแอพพลิเคชั่นกระพือของคุณกำลังทำงาน) ซึ่งจะแตกต่างกันทุกครั้งเมื่อคุณใช้"flutter run"คำสั่งและแทนที่ "ZZZZZ" โดยดีบักเกอร์ 5 หลักทั่วโลกของคุณ รหัส

หมายเหตุ: - เครื่องมือ dart dev เหล่านี้มีไว้สำหรับ "เบราว์เซอร์ Google Chrome" เท่านั้น

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.