Есть ли способ отключить hapticFeedback в реагировать на родной веб-просмотра - PullRequest
6 голосов
/ 06 февраля 2020
 <ScrollView
      ref={scrollRef}
      horizontal
      scrollEnabled={isScroll}
      contentContainerStyle={{height: HEIGHT, overflow: 'hidden'}}
      style={{
        width: metrics.screenWidth - widthOffset,
      }}
      onScroll={_onScroll}>
      <WebView
        ref={webviewRef}
        automaticallyAdjustContentInsets={false}
        scrollEnabled={false}
        showsHorizontalScrollIndicator={false}
        showsVerticalScrollIndicator={false}
        onLoadEnd={_loadEnd}
        bounces={false}
        source={{
          html: getHtml(final, scale),
        }}
        style={{
          height: HEIGHT,
          width: WIDTH,
          backgroundColor: 'transparent',
        }}
        onMessage={_onMessage}
        javaScriptEnabled={true}
        textZoom={90}
      />
    </ScrollView>

также есть

source.replace(
    '<img',
    '<img ontouchend="window.ReactNativeWebView.postMessage(`imgsrc__`+this.src)"',
)

, поэтому проблема в , когда я прокручиваю этот скролл-просмотр по html img, он получает прикосновение, и телефон вибрирует. Есть ли способ отключить hapticfeedback веб-просмотра либо с конца источника (html), либо с конца реакции-нативного веб-просмотра?

Я думаю, это связано с тем, что при прокрутке тега img взаимодействие воспринимается как longtouch таким образом, он позволяет использовать longtouch в веб-просмотре.

Ответы [ 2 ]

2 голосов
/ 05 марта 2020

Я на самом деле нашел решение

Я продлил response-native-webview и добавил настраиваемый реквизит setHapticFeedbackEnabled reference

webview.setHapticFeedbackEnabled(false);

// this is the solution in android;

Я пробовал много других таким образом, как в html сценарии для window.contextmenu, долгое нажатие et c, но ни один не работал.

1 голос
/ 05 марта 2020

Это отключит любые прикосновения к Webview и убедитесь, что вы используете pointerEvents для View, поскольку Webview не поддерживает pointerEvents.

<ScrollView>
      <View pointerEvents="none">
        <WebView
          style={{ height: HEIGHT, width: WIDTH }}
          source={{ getHtml(final, scale) }}
        />
      </View>
    </ScrollView>
...