在颤动中获得容器内部的点击

Question

Stack(
    children: <Widget>[
        getChartView(widget.globalData.chartSelectValue),
        Container(
            decoration: BoxDecoration(
                border: Border.all(
                    color: HexColor("#0C1C3B"), // <--- border color
                    width: 10.0,
                ),
            ),
            width: MediaQuery.of(context).size.width,
            height: MediaQuery.of(context).size.height - 280,
        )
    ],
),

我想要在getChartView（）中单击，但是该容器位于click和chartview之间，有谁可以帮助我吗？

Answer 1

Stack(
  children: <Widget>[
    GestureDetector(
      child: Container(
        decoration:  BoxDecoration(
          border: Border.all(
            color: HexColor("#0C1C3B"), 
            width: 10.0,
          ),
        ),
        width: MediaQuery.of(context).size.width,
        height: MediaQuery.of(context).size.height - 280,
      ),
      onTap: ()
      {
        getChartView(widget.globalData.chartSelectValue);
      },
    )
  ],
),

Answer 2

那么，您可能需要检查层次结构，即视图的呈现方式彼此重叠，这是因为您正在使用堆栈。另一个观点可能是冲动，而不是您的getChartView（....）

Answer 3

或者您可以使用InkWell，它可以处理轻击事件并为动作设置动画。

InkWell(
  onTap: () {
    getChartView(widget.globalData.chartSelectValue);
  },
  child: Container(
    decoration:  BoxDecoration(
      border: Border.all(
        color: HexColor("#0C1C3B"), 
        width: 10.0,
      ),
    ),
    width: MediaQuery.of(context).size.width,
    height: MediaQuery.of(context).size.height - 280,
  ),
 ),

Answer 4

或者您可以使用InkWell，它可以处理轻击事件并为动作设置动画。