Dòng màu vàng bên dưới Tiện ích văn bản trong Flutter?

Làm việc trên ứng dụng rung đầu tiên của tôi. Màn hình ứng dụng chính không có vấn đề này, tất cả các văn bản hiển thị như bình thường.

Tuy nhiên, trong màn hình mới mà tôi đang phát triển này, tất cả widget văn bản đều có một số đường kẻ / hai dòng màu vàng kỳ lạ bên dưới.

Bất kỳ ý tưởng về lý do tại sao điều này đang xảy ra?

Vấn đề không phải là có Scaffoldhay không. Scaffoldlà một người trợ giúp cho Materialcác ứng dụng ( AppBar,, Drawerloại nội dung đó). Nhưng bạn không bị buộc phải sử dụng Material.

Những gì bạn đang thiếu là một ví dụ về việc Themelàm cha mẹ.

Tại sao điều đó lại quan trọng cần biết? Bởi vì khi bạn phát triển một Phương thức ( showDialogví dụ: sử dụng ), bạn sẽ gặp phải vấn đề tương tự. NHƯNG Scaffold là một widget toàn màn hình mờ đục! Và bạn rõ ràng không muốn điều đó trong Modal của mình.

Có nhiều cách để giới thiệu một thể hiện Chủ đề. Trong ứng dụng Material, điều này thường đạt được bằng cách khởi tạo MaterialWidget. Và đoán xem? Scaffoldtạo một cái cho bạn. Nhưng Dialogquá!

Thêm Materialwidget làm phần tử gốc.

@override
  Widget build(BuildContext context) {
    return Material(
        type: MaterialType.transparency,
        child: new Container(

Bạn có thể sử dụng Scaffold(nói chung là tốt hơn) hoặc bất kỳ thành phần nào khác cung cấp chủ đề material như một Materialwidget đơn giản .

Đây là ví dụ, sử dụng bất kỳ ví dụ nào:

var text = Scaffold(body: Text("Hi"),);
var text2 = Material(child: Text("Hi"),);

Như một giải pháp thay thế bạn có thể sử dụng:

Text(
  'Your text',
  style: TextStyle(decoration: TextDecoration.none), // removes yellow line
)

Kiểu văn bản có đối số trang trí có thể được đặt thành không

Text("My Text",
  style: TextStyle(
    decoration: TextDecoration.none,
  )
);

Ngoài ra, như những người khác đã đề cập, nếu tiện ích Văn bản của bạn nằm trong cây của một tiện ích Giàn xếp hoặc Vật liệu, bạn sẽ không cần kiểu văn bản trang trí.

Ngoài ra bạn có thể sử dụng trang trí: TextDecoration.none để loại bỏ gạch chân

Chỉ cần thêm một cách khác mà tôi gặp phải cho những câu trả lời này.

Bao bọc Widget gốc xung quanh một widget DefaultTextStyle . Ở đây không cần thiết phải thay đổi từng tiện ích Văn bản.

DefaultTextStyle(
    style: TextStyle(decoration: TextDecoration.none), 
    child : Your_RootWidget
)

Hy vọng nó sẽ giúp một ai đó.

Bạn nên thêm các widget Material và Scaffold trong tệp main.dart

 MaterialApp(
  home: Scaffold(
    body: Text('Hello world'),
  ),
);

Có một giải pháp khác cho việc này, đặc biệt nếu bạn đang sử dụng nhiều trang được bao bọc trong tệp main.dart . Bạn có thể làm như sau:

  child: MaterialApp(
    home: Material(child: Wrapper()),
  ),

Thao tác này sẽ xóa các dòng màu vàng dưới văn bản có trong bất kỳ trang nào được tham chiếu / sử dụng dưới trình bao bọc.

Bạn chỉ cần thêm tiện ích gốc Material.

      @override
       Widget build(BuildContext context) {
      return Material(
         child: new Container(),
        );
       }

2 cách khả dụng:

sử dụng giàn giáo trong cha của màn hình

Scaffold(body: Container(child:Text("My Text")))

sử dụng tài liệu cho phụ huynh của tiện ích con

Material(child: Text("My Text"))