Saya mencoba membuat wadah dengan hanya 1 perbatasan berwarna dengan menyarangkan 2 wadah di dalam satu sama lain. Itu berhasil tetapi entah bagaimana wadah anak tidak menutupi bagian yang seharusnya sepenuhnya. Juga, ...

0
Franken Frank 16 Juni 2021, 08:07

3 jawaban

Jawaban Terbaik

Anda dapat menggunakan ini:

ClipRRect(
            borderRadius: BorderRadius.circular(3.0),
            child: Container(
              padding: const EdgeInsets.only(left: 5.0),
              decoration: BoxDecoration(
                color: Colors.white,
                border: Border(
                  left: BorderSide(
                      color: Colors.teal,
                      width: 10),
                ),
                // color: Colors.teal,
                boxShadow: [
                  BoxShadow(
                    color: Color.fromRGBO(162, 181, 183, 0.3),
                    spreadRadius: 2,
                    blurRadius: 30,
                    offset: Offset(-1, -1),
                  ),
                ],
              ),
              child: Container(
                padding: const EdgeInsets.fromLTRB(20.0, 10.0, 00.0, 15.0),
                margin: EdgeInsets.zero,
                decoration: BoxDecoration(
                  // borderRadius: BorderRadius.circular(3.0),

                  borderRadius: BorderRadius.only(
                    topRight: Radius.circular(3.0),
                    bottomRight: Radius.circular(3.0),
                  ),
                  color: Colors.white,
                ),
                child: Container(),
              ),
            ),
          )
1
Nytrotech Fatima 16 Juni 2021, 05:45

Anda perlu menghapus bantalan dari wadah induk. Dalam wadah bantalan diterapkan ke anaknya dan bukan wadah itu sendiri. Jadi menghapus bantalan kiri harus menyelesaikan masalah Anda.

@override
Widget build(BuildContext context) {
return Container(
  padding: const EdgeInsets.only(left: 5.0, right: 0),//remove this line.
  decoration: BoxDecoration(
    borderRadius: BorderRadius.circular(3.0),
    color: Colors.teal,
-2
Shubham Gupta 16 Juni 2021, 05:34

Manfaatkan widget Row() untuk menempatkan garis biru tipis dan Container() putih berdampingan. Itu harus memenuhi tujuan Anda. Anda dapat menggunakan widget Divider() untuk garis biru tipis juga.

Cara lain adalah dengan menggunakan Stack, dan letakkan kedua wadah tersebut di atas satu sama lain. Anda dapat menentukan posisi untuk kedua wadah dan dengan demikian tidak akan ada masalah padding.

0
imperial-lord 16 Juni 2021, 05:43