1 Câu hỏi: Làm cho một container trong suốt tại một số điểm nhất định

câu hỏi được tạo ra tại Tue, Apr 30, 2019 12:00 AM

Tôi có một ứng dụng đăng nhập với một thùng chứa có độ dốc và là con của nó, một thùng chứa khác có nền màu trắng. Vì vậy, những gì tôi đang cố gắng làm cho một số nút có nền trong suốt, để nền gradient được hiển thị, làm nền của các nút.

Tôi nhận được kết quả này

Công việc của tôi

và tôi cần trông như thế này:

Những gì tôi cần

(Không tính đến các biểu tượng)

Mã "nút" của tôi là:
`Container(
   width: 32.0,
   height: 32.0,
   decoration: new BoxDecoration(
     shape: BoxShape.circle,
     color: Colors.transparent
   ),
   child: Center(child: Text("G", style: TextStyle(fontSize: 20, color: 
   Colors.black), textAlign: TextAlign.center))
),`

Có đề xuất nào không?

    
0
1 Đáp án                              1                         

Bạn sẽ cần Gói biểu tượng tuyệt vời cho phông chữ

class SO extends StatelessWidget {
  Color bg = Colors.white;// change to whatever background color is behind icons

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(),
      body: Row(
        mainAxisAlignment: MainAxisAlignment.spaceAround,
        children: <Widget>[
          Text("sign in with"),
          CircleAvatar(
            child: IconButton(icon: new Icon(FontAwesomeIcons.facebookF, color: bg), onPressed: () {}),
            backgroundColor: const Color(0xffFF5486),
          ),
          CircleAvatar(
            child: IconButton(icon: new Icon(FontAwesomeIcons.twitter, color: bg), onPressed: () {}),
            backgroundColor: const Color(0xffFF5486),
          ),
        ],
      ),
    );
  }
}
    
0
2019-04-30 11: 41: 57Z
nguồn đặt đây