flutter -  flutter 的容器只有3个边缘-LMLPHP
我想实现一个像上图一样的聊天泡沫。我的计划是:只在一个集装箱的三边上。
到目前为止,我的四个边缘都是圆形的。

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

输出:
flutter -  flutter 的容器只有3个边缘-LMLPHP

08-06 16:08