【问题标题】:is there a way to add borders in a Text widget without wrapping it in a container widget有没有办法在文本小部件中添加边框而不将其包装在容器小部件中
【发布时间】:2020-08-10 12:44:12
【问题描述】:

enter image description hereplease 我需要删除容器小部件并为文本小部件添加边框半径,或者是否可以使文本小部件和容器小部件一起响应更改(意思是:当文本为空时容器不应该显示)

   child: Container(
                     padding: EdgeInsets.fromLTRB(25.0, 0, 10.0, 0),
                     decoration: ShapeDecoration(
                     color: Colors.grey[850],
                     shape: RoundedRectangleBorder(
                     side: BorderSide(
                     width: 2.0,
                     style: BorderStyle.solid,
                     color: Colors.black,
                                        ),
                     borderRadius:
                     BorderRadius.all(Radius.circular(15.0)),
                                      ),
                                    ),
                     child: Text(
                     costOfSales,
                     style: TextStyle(
                    `enter code here` color: Colors.white,
                     fontSize: 25.0,
                                      ),
                                    )),

【问题讨论】:

    标签: flutter flutter-widget text-widget flutter-text


    【解决方案1】:
    Widget build(BuildContext context) {
        var costOfSales = "\$99";
    
        return costOfSales == null
            ? Container()
            : Container(
                padding: EdgeInsets.fromLTRB(25.0, 0, 10.0, 0),
                decoration: ShapeDecoration(
                  color: Colors.grey[850],
                  shape: RoundedRectangleBorder(
                    side: BorderSide(
                      width: 2.0,
                      style: BorderStyle.solid,
                      color: Colors.black,
                    ),
                    borderRadius: BorderRadius.all(Radius.circular(15.0)),
                  ),
                ),
                child: Text(
                  costOfSales,
                  style: TextStyle(
                    color: Colors.white,
                    fontSize: 25.0,
                  ),
                ),
              );
      }
    

    【讨论】:

      猜你喜欢
      • 2021-06-08
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-04-20
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多