Zoom auf Web-Ansicht deaktivieren reagiert reaktiv-nativ?

8

So deaktivieren Sie den Zoom auf react-native web-view , gibt es eine Eigenschaft wie hasZoom={false} (nur ein Beispiel), die in das unten stehende web-view -Tag eingeschlossen werden kann, das das Zoomen deaktivieren kann. Es muss sowohl auf Android als auch auf iOS funktionieren.

%Vor%     
Amal p 19.06.2017, 08:32
quelle

5 Antworten

7

Dachte, das könnte anderen helfen. Ich löste das, indem ich im Header folgendes hinzufügte:

<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0">

    
shahonseven 14.01.2018 18:22
quelle
2

Versuchen Sie scalesPageToFit={false} mehr Informationen in hier

    
Ismail Iqbal 19.06.2017 10:19
quelle
1

Setzen Sie dieses Attribut auf Webview pointerEvents="none" oder wickeln Sie das Webview durch eine andere Ansicht mit diesem Attribut um.

    
TomSawyer 01.09.2017 20:46
quelle
0

Für jeden, der in der Zukunft ist, habe ich das gelöst, indem ich folgende CSS hinzugefügt habe:

%Vor%

Das oben genannte deaktiviert grundsätzlich die Textauswahl für alle Elemente, die während meines Tests das Zoomen auf der Webseite verboten haben. Zu Ihrer Information: Ich habe mich nicht tief in Details vertieft, sondern nur ihre Auswirkungen dargelegt.

    
dchhetri 26.12.2017 04:07
quelle
0

Ich konnte Zoomen, Textauswahl und andere Zeigerereignisse deaktivieren, indem ich WebView in View einpacke und einige Requisiten setze:

%Vor%     
jmwicks 03.03.2018 18:47
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset So finden Sie alle Controller und Aktionen