如何在Flutter中实现可扩展(响应)自定义形状?

时间:2019-05-09 05:43:52

标签: flutter shapes

如何在Flutter中实现具有自定义形状(固定角)的消息气泡 https://i.ibb.co/GxsdftW/Screenshot-from-2019-05-09-10-59-45.png

主要问题是应该像这样调整高度

https://i.ibb.co/0Dnc1pz/Screenshot-from-2019-05-09-11-04-08.png

我尝试使用ClipRRect。我可以完成工作,但不会得到想要的形状。

https://i.ibb.co/0QDFqjM/Screenshot-from-2019-05-09-11-03-01.png

Widget ChatBubbleTo(String text) {
  return Row(
    mainAxisAlignment: MainAxisAlignment.end,
    children: <Widget>[
      Padding(
        padding: const EdgeInsets.all(15.0),
        child: ClipRRect(
            borderRadius: new BorderRadius.circular(8.0),
            child: Container(
              color: Colors.blue,
              width: 200,
              child: Padding(
                  padding: const EdgeInsets.all(8.0), child: Text(text)),
            )),
      ),
    ],
  );
}

0 个答案:

没有答案