Saya bertanya-tanya apakah mungkin memiliki batas hanya pada sisi tertentu di Flutter TextField. Dalam kasus khusus ini, saya hanya perlu atas dan kiri, tetapi ingin tahu secara umum apakah ini mungkin, terima kasih.

0
user3808307 4 April 2021, 06:49

2 jawaban

Jawaban Terbaik

Anda dapat membungkus widget TextField dengan Container dan memberikan batas:

Container(
 decoration: BoxDecoration(
 color: Colors.white,
 border: Border(
  top: BorderSide(color: Colors.red),
  left: BorderSide(color: Colors.red),
  ),
 ),
 child: TextFormField(
  decoration: InputDecoration(
   labelText: 'Email',
   border: InputBorder.none,
  ),
 ),
),

Hasil: masukkan deskripsi gambar di sini

keepant 4 April 2021, 04:10

Ya, tentu bisa, coba ini (atau periksa DartPad yang saya buat: https://dartpad.dev /1a28bdd9203250d3226cc25d512579ec?null_safety=true):

Padding(
        padding: const EdgeInsets.all(8.0),
        child: Container(
          padding: EdgeInsets.all(8.0),
          decoration: BoxDecoration(
            border: Border(
              top: BorderSide(width: 4.0, color: Colors.lightBlue.shade900),
              left: BorderSide(width: 4.0, color: Colors.lightBlue.shade900),
            ),
          ),
          child: TextField(),
        ),
      ),

enter image description here

1
AVEbrahimi 4 April 2021, 03:59