如下面的普通写法,只有内部的 GestureDetector可以接收事件,而外部的GestureDetector是收不到事件的。
GestureDetector(
onTap: () {
print('tap on parent');
},
child: Container(
width: 100,
height: 100,
color: Colors.blue,
child: GestureDetector(
onTap: () {
print('tap on child');
},
child: Center(
child: Container(
width: 50,
height: 50,
color: Colors.orange,
),
),
),
))
下面是使内外GestureDector都可以接收到事件的实现方式:
RawGestureDetector(
gestures: {
AllowMultipleGestureRecognizer: GestureRecognizerFactoryWithHandlers<AllowMultipleGestureRecognizer>(
() => AllowMultipleGestureRecognizer(),
(AllowMultipleGestureRecognizer instance) {
instance.onTap = () => print('tap on parent ');
},
)
},
behavior: HitTestBehavior.opaque,
//Parent Container
child: Container(
width: 100,
height: 100,
color: Colors.blue,
child: GestureDetector(
onTap: () {
print('tap on child');
},
child: Center(
child: Container(
width: 50,
height: 50,
color: Colors.orange,
),
),
),
)),
class AllowMultipleGestureRecognizer extends TapGestureRecognizer {
@override
void rejectGesture(int pointer) {
acceptGesture(pointer);
}
}
实现原理参考:
父控件和子控件都会有自己的recognizers被传递到Arena这里,只有一个recognizers会取胜,而且大部分情况下胜者都是子控件。
解决方法就是使用你自定义的RawGestureDetector
,强行改变Arena的行为。
acceptGesture()是在给定的pointer id获胜(win)时的回调;rejectGesture()是在给定的pointer id失败(lose)时的回调。所以我们在自定义的recognizer中,强行在rejectGesture()中做了accept操作。
然后,我们在控件中,将我们的自定义gesture-recognizer,通过GestureRecognizerFactoryWithHandlers传递给RawGestureDetector:。