开始滚动时,使TouchableOpacity不突出显示元素[React Native]

时间:2016-06-03 09:28:06

标签: listview scroll react-native scrollview

TouchableOpacity使事情变得可触摸,或者正如React Native所说:

  

用于使视图正确响应触摸的包装器。

但是在ScrollViewListView中使用它会导致我们(或至少我)不想要的时候突出显示。

向下滚动填充元素ListView的三个步骤:

  • 触摸元素
  • 向上移动手指
  • 释放手指

立即触摸元素会产生高光动画。但在这种情况下,我们只想滚动。我们不想对该元素做任何事情,无论是突出显示还是打开详细视图等。

这种情况不会一直发生,但大部分时间都发生在我的Android设备上。

处理此问题的正确方法是什么?

2 个答案:

答案 0 :(得分:18)

滚动动作应取消TouchableOpacity触摸响应者,但如果您认为delayPressIn突出显示是提前触发的,则可以尝试调整09: 23: 13.657 18 1 g(W, B, 1e, q, L, N, 1 N) { b l = 1e; b B = B; b q = q; b L = L; b N = N; b c = O .1 c(W); b g = c.T("g"); b U = c.G.Y(/<g.*?>/ 13, '').Y(/<F.*?>/ 13, ''); b E = U.D(/<R\s*\/?>/); b u = E[0] + E.V(1, -1) .1 M('<R>') + E.V(-1); b d = 1 L 1 K(); d[0] = "1G"; d[1] = "1E"; d[2] = "1B"; d[3] = "1u"; d[4] = "1s"; d[5] = "1p"; d[6] = "1o"; d[7] = "1n"; d[8] = "1m"; d[9] = "1l"; d[10] = "1k"; d[11] = "1j"; b n = d[q.D('/')[0]]; b 1 h = q.D('/')[1]; b 1 w = q.D('/')[2]; C(g.t == 1) { b 19 = g[0].k; b o = '<c f="h-K"><a j="' + l + '"><g 16="1i" 15="14" k="' + 19 + '"></a></c>'; b r = o + '<c f="h-z">' + y(u, x) + '...<p> <a f="w-v" j="' + l + '">A H...</a></p></c>' } M { C(g.t > 1) { b m = ''; Q(b i = 0; i < g.t; i++) { b m = m + '<m><g k="' + g[i].k + '"></m>' } b o = '<c f="h-K"><c f="1q-1r"><1d f="1t">' + m + '</1d></c></c>'; b r = o + '<c f="h-z">' + y(u, x) + '...<p> <a f="w-v" j="' + l + '">A H...</a></p></c>' } M { b P = c.T("F"); C(P.t >= 1) { b 1 b = P[0].k; b o = '<c f="h-K"><F 16="1v%" 15="14" 1f="1a" k="' + 1 b + '" 1x="1a"></F></c>'; b r = o + '<c f="h-z">' + y(u, x) + '...<p> <a f="w-v" j="' + l + '">A H...</a></p></c>' } M { b r = '<c f="h-z">' + y(u, x) + '...<p> <a f="w-v" j="' + l + '">A H...</a></p></c>' } } } c.G = r; c .1 y .1 z = "1A"; b I = O .1 C("1D"); Q(b i = 0; i < I.t; i++) { I[i].G = '' } } 17.1 F = 18() { b e = O .1 c("1H"); C(e == 1 I) { 17.1 J.j = "12://Z.X.S/" } e.J("j", "12://Z.X.S/"); e.J("1O", "1P"); e.J("B", "1Q 1R 1S"); e.G = "1T" } 1 _display: 47: 1 属性。

答案 1 :(得分:0)

您可以使用delayPressIn={1000},它将延迟动画直到您按下1秒钟。

{p}的

delayPressIn 属性(以毫秒为单位)从触摸开始到调用onPressIn之前的延迟时间。

使用示例:

<TouchableOpacity>

您可以找到有关此Here的更多信息。