Question

我需要一个灵活的向右箭头，以便可以根据屏幕尺寸进行调整，这可以使用扩展/灵活窗口小部件来实现，但是对于Stack Widget，我无法使用扩展/灵活窗口小部件...

ListView(
  children: ListTile.divideTiles(
    context: context,
    tiles: [
      Stack(
        children: <Widget>[
          Padding(
            padding: EdgeInsets.fromLTRB(240.0, 189.0, 0.00, 0.00),
            child: Icon(Icons.arrow_right, color: Colors.black,)),
          Row(
            children: <Widget>[
              Container(
                margin: EdgeInsets.fromLTRB(100.00, 200.0, 0.0, 0.00),
                width: 150.0,
                height: 1.0,
                color: Colors.black,),
            ],
          ),
        ],
      ),
    ],
  ).toList(),
),

Answer 1

使用“堆栈”小部件时，“堆栈”小部件的子级中的每个小部件都将显示为一个图层。因此，不要使用Expended或Flexible作为Stack的子代，而是使用Container小部件，然后将Expanded或Flexible用作子代。

Stack(
    children: <Widget>[
      Container(
        width: double.infinity,
        height: double.infinity,
        child: Row(
          children: <Widget>[
            Expanded(
              flex: 1,
            ),
            Expanded(
              flex: 2,
            )
          ],
        ),
      )
    ],
  ),

顺便说一句，如果要在屏幕的某个角落或每个位置添加图标，请改用Positioned小部件。

我们是否可以使用Stack中的Expanded / Flexible小部件在Flutter中创建右箭头

1 个答案: