颤振容器仅3边

Question

我想像上面的图片一样实现聊天气泡。我的计划：仅将一个容器的第3边倒圆。

到目前为止，我已经对所有4个边缘进行了四舍五入。

                 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),
                )

Answer 1

您需要使用-BorderRadius.circular(8.0)

，而不是使用-BorderRadius.only()

borderRadius: BorderRadius.only(
                        bottomLeft: Radius.circular(22.0),
                        topLeft: Radius.circular(22.0),
                        topRight: Radius.circular(22.0)))

输出：