颤振：未显示VerticalDivider

Question

我有这个小部件树：

Scaffold
  AppBar
  Column
    Center
    SingleChildScrollView
    FutureBuilder
       Container
       Flex
          direction: Axis.vertical,
          children: <Widget>[
              Row(
                          mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                          children: <Widget>[
                            FlatButton(
                              color: Colors.red,
                              onPressed: () => {},
                              padding: EdgeInsets.all(10.0),
                              child: Row(
                                children: <Widget>[
                                  Icon(
                                    Icons.star,
                                    color: Colors.red,
                                  ),
                                  Text(
                                    "4.5",
                                    style: TextStyle(
                                        color: Colors.blue,
                                        fontWeight: FontWeight.bold),
                                  )
                                ],
                              ),
                            ),
                            VerticalDivider(
                              width: 1,
                              color: Colors.black,
                              thickness: 1,
                              indent: 2,
                              endIndent: 2,
                            ),
                            FlatButton() //like above
                            VerticalDivider()//like above
                            FlatButton()//like above

代码生成此图像：

我想知道为什么未显示VerticalDivider吗？

我正在使用flutter_linux_1.17.0-stable颤振SDK

Answer 1

我认为这是在您的父小部件没有特定高度时发生的。

此外，如果您查看VerticalDivider的实现，他们没有指定sizebox或容器的大小，这就是为什么IntrinsicHeight小部件不具有任何高度的原因，我们可以指定子小部件应为父级的高。

用IntrinsicHeight包装行小部件。

Flex
          direction: Axis.vertical,
          children: <Widget>[
        IntrinsicHeight( // added widget
              Row(
                          mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                          children: <Widget>[