当前位置:   article > 正文

Flutter 中如何开发一个三角形_flutter 绘制三角形

flutter 绘制三角形
  1. Container(
  2. margin: EdgeInsets.only(left: 15.w),
  3. width: 0,
  4. height: 0,
  5. decoration: BoxDecoration(
  6. border: Border(
  7. // 四个值 top right bottom left
  8. right: BorderSide(
  9. color: index > (model.statusIndex + 1)
  10. ? AppColor.ff0f0f0
  11. : (index == (model.tapIndex + 1) ? const Color.fromRGBO(68, 109, 255, 1) : const Color.fromRGBO(124, 153, 255, 1)), // 朝右; 把颜色改为目标色就可以了或者不设置
  12. width: 15.w,
  13. style: BorderStyle.solid),
  14. bottom: BorderSide(
  15. color: Colors.transparent, // 朝下; 透明
  16. width: 15.w,
  17. style: BorderStyle.solid),
  18. left: BorderSide(
  19. color: Colors.transparent, // 朝左; 透明
  20. width: 15.w,
  21. style: BorderStyle.solid),
  22. top: BorderSide(
  23. color: Colors.transparent, // 朝上; 透明
  24. width: 15.w,
  25. style: BorderStyle.solid),
  26. ),
  27. ),
  28. ),

dart中可以采用border去画三角形,三角形朝向的那边就是实际你要赋值的颜色了。

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/AllinToyou/article/detail/341763
推荐阅读
相关标签
  

闽ICP备14008679号