Flutter: làm thế nào để tạo TextField với HintText nhưng không có Gạch chân?

Đây là những gì tôi đang cố gắng thực hiện:

Trong tài liệu Flutter dành cho Trường Văn bản ( https://flutter.io/text-input/ ), nó cho biết bạn có thể xóa gạch chân bằng cách chuyển nullđến phần trang trí. Tuy nhiên, điều đó cũng loại bỏ văn bản gợi ý.

Tôi không muốn bất kỳ gạch dưới nào cho dù trường văn bản có được tiêu điểm hay không.

CẬP NHẬT: câu trả lời được chấp nhận đã cập nhật để phản ánh những thay đổi trong Flutter SDK kể từ tháng 4 năm 2020.

Câu trả lời không phải ở trên sẽ hoạt động đối với sdk flashing mới vì sau khi tích hợp hỗ trợ web và máy tính để bàn, bạn cần chỉ định riêng lẻ như thế này

TextFormField(
    cursorColor: Colors.black,
    keyboardType: inputType,
    decoration: new InputDecoration(
        border: InputBorder.none,
        focusedBorder: InputBorder.none,
        enabledBorder: InputBorder.none,
        errorBorder: InputBorder.none,
        disabledBorder: InputBorder.none,
        contentPadding:
            EdgeInsets.only(left: 15, bottom: 11, top: 11, right: 15),
        hintText: sLabel),
  )

Làm như thế này:

TextField(
  decoration: new InputDecoration.collapsed(
    hintText: 'Username'
  ),
),

hoặc nếu bạn cần những thứ khác như biểu tượng, hãy đặt đường viền bằng InputBorder.none

InputDecoration(
    border: InputBorder.none,
    hintText: 'Username',
  ),
),

thay đổi đường viền tiêu điểm thành không có

TextField(
      decoration: new InputDecoration(
          border: InputBorder.none,
          focusedBorder: InputBorder.none,
          contentPadding: EdgeInsets.only(left: 15, bottom: 11, top: 11, right: 15),
          hintText: 'Subject'
      ),
    ),

Đây là một câu trả lời bổ sung hiển thị một số mã đầy đủ hơn:

  Container(
    decoration: BoxDecoration(
      color: Colors.tealAccent,
      borderRadius:  BorderRadius.circular(32),
    ),
    child: TextField(
      decoration: InputDecoration(
        hintStyle: TextStyle(fontSize: 17),
        hintText: 'Search your trips',
        suffixIcon: Icon(Icons.search),
        border: InputBorder.none,
        contentPadding: EdgeInsets.all(20),
      ),
    ),
  ),

Ghi chú:

• Nền tối (mã không hiển thị) là Colors.teal.
• InputDecorationcũng có một filledvà thuộc fillColortính, nhưng tôi không thể làm cho chúng có bán kính góc, vì vậy tôi đã sử dụng một thùng chứa để thay thế.

Tôi không tìm thấy câu trả lời nào khác cung cấp bán kính đường viền, bạn có thể đơn giản làm như thế này, không có Container

  TextField(
    decoration: InputDecoration(
      border: OutlineInputBorder(
        borderSide: BorderSide.none,
        borderRadius: BorderRadius.circular(20),
      ),
    ),
  );

Tôi đang sử dụng điều khiển TextFieldrung. Tôi đã nhận được người dùng nhập đầu vào bằng các phương pháp dưới đây.

onChanged:(value){
}

decoration: InputDecoration(
 border:OutLineInputBorder(
 borderSide:BorderSide.none
 bordeRadius: BordeRadius.circular(20.0)
 )
)