我想实现一个像上图一样的聊天泡沫。我的计划是:只在一个集装箱的三边上。
到目前为止,我的四个边缘都是圆形的。
Container(
child: Text(
'I want to book hotel',
style: TextStyle(color: primaryColor),
),
padding: EdgeInsets.fromLTRB(15.0, 10.0, 15.0, 10.0),
width: 200.0,
decoration: BoxDecoration(
color: Colors.yellow,
borderRadius: BorderRadius.circular(8.0)),
margin: EdgeInsets.only(
bottom: isLastMessageRight(index) ? 20.0 : 10.0,
right: 10.0),
)
最佳答案
而不是使用-BorderRadius.circular(8.0)
你需要使用-BorderRadius.only()
borderRadius: BorderRadius.only(
bottomLeft: Radius.circular(22.0),
topLeft: Radius.circular(22.0),
topRight: Radius.circular(22.0)))
输出: