Cắt chuỗi đoạn văn bản trong Flutter

Để giới hạn số kí tự trong một đoạn văn bản trong css ta sẽ dùng text-overflow, vậy trong flutter chúng ta sẽ làm như thế nào vậy?

Giải pháp 

Trong Flutter cũng có text-overflow, cách sử dụng nó cũng đơn giản, bạn xem thử ví dụ sau đây:

Text(
    "Đây là đoạn văn bản",
    maxLines: 2,
    overflow: TextOverflow.ellipsis,
    style: TextStyle(
          fontWeight: FontWeight.bold, 
          fontSize: 16,
    )
),

Cụ thể là bạn chỉ cần sử dụng thuộc tính maxLines: 2 và overflow: TextOverflow.ellipsis bên trong Text() là được nhé. 

Kết quả mong muốn như sau:


Từ khóa

Wrap text on overflow in flutter

Không có nhận xét nào:

Đăng nhận xét