Flutter分隔器小部件没有出现

概述我目前正在学习如何使用Flutter SDK和 Android Studio构建应用程序.我的问题是我需要在“管理”文本和卡片的其余部分之间添加一个Divider小部件,但正如您在下面的屏幕截图中看到的那样,分隔符没有显示出来.我试过改变大小(在这种情况下,两个文本之间的空间只是增加)我已经尝试设置颜色,看看它是否在我的手机上默认为透明.什么都行不通！ 这是我的Card Widget State的 我目前正在学习如何使用Flutter SDK和 Android Studio构建应用程序.我的问题是我需要在“管理”文本和卡片的其余部分之间添加一个divIDer小部件,但正如您在下面的屏幕截图中看到的那样,分隔符没有显示出来.我试过改变大小(在这种情况下,两个文本之间的空间只是增加)我已经尝试设置颜色,看看它是否在我的手机上默认为透明.什么都行不通！

这是我的Card Widget State的代码：

class BBSCardState extends State<BBSCard>{  @overrIDe  Widget build(BuildContext context) {    return new padding(      padding: const EdgeInsets.only(top: 16.0,bottom: 16.0,left: 12.0,right: 12.0),child: new Card(        child: new Row(          children: <Widget>[            new Column(              mainAxisSize: MainAxisSize.min,children: <Widget>[                new padding(                  padding: const EdgeInsets.only(top: 22.0,bottom: 8.0),child: new Text("administrative",style: new TextStyle(color: new color.fromARGB(255,117,117),FontSize: 32.0,FontWeight: FontWeight.bold)),),new divIDer(),new Text("text")              ],],mainAxisSize: MainAxisSize.max,mainAxisAlignment: MainAxisAlignment.center,)      )    );  }}

这是卡片的截图：

也：
有没有办法增加divIDer实际线路的大小？ (不只是间距)

谢谢！

解决方法 您可以删除Row,然后Column将占用所有可用空间,divIDer将具有宽度.

@overrIDeWidget build(BuildContext context) {  return new padding(    padding: const EdgeInsets.only(        top: 16.0,child: new Card(      child: new Column(        mainAxisSize: MainAxisSize.min,children: <Widget>[          new padding(            padding: const EdgeInsets.only(top: 22.0,style: new TextStyle(                    color: new color.fromARGB(255,new divIDer(            color: colors.red,new Text("text")        ],);}

要制作自定义分隔符,您可以检查divIDer的实现并进行调整.例如.用.替换divIDer

new SizedBox(  height: 10.0,child: new Center(    child: new Container(      margin: new EdgeInsetsDirectional.only(start: 1.0,end: 1.0),height: 5.0,color: colors.red,)

总结

以上是内存溢出为你收集整理的Flutter分隔器小部件没有出现全部内容，希望文章能够帮你解决Flutter分隔器小部件没有出现所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。