Zoom auf Web-Ansicht deaktivieren react-native?

Question

So deaktivieren Sie Zoom auf react-nativeweb-view, gibt es eine Eigenschaft wie hasZoom={false} (nur ein Beispiel), die in das folgende web-view-Tag enthalten sein kann, das Zoomen deaktivieren kann. Es muss auf Android und iOS arbeiten.

<WebView 
    ref={WEBVIEW_REF} 
    source={{uri:Environment.LOGIN_URL}} 
    ignoreSslError={true} 
    onNavigationStateChange={this._onNavigationStateChange.bind(this)} 
    onLoad={this.onLoad.bind(this)} 
    onError={this.onError.bind(this)} 
></WebView> 

Answer 1

Versuchen scalesPageToFit={false} weitere Informationen in here

Answer 2

dieses Attribut Put pointerEvents="none" zur Webansicht oder die Webview durch andere Ansicht mit diesem Attribut wickeln.

Answer 3

Für alle in der Zukunft, löste ich dies durch die folgende CSS hinzufügen:

*:not(input) { 
    user-select: none; 
} 

Die oben grundsätzlich deaktivieren Textauswahl auf alle Elemente, die während meiner Prüfung auf der Webseite nicht erlaubt Zoomen. Zu Ihrer Information: Ich habe mich nicht tief in Details vertieft, sondern nur ihre Auswirkungen dargelegt.

Answer 4

Thought diese anderen helfen könnte, ich löste dies durch die folgenden in der Kopfzeile hinzufügen:

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

Answer 5

konnte ich Zoomen, Textauswahl und andere Zeiger Ereignisse durch WebView in einer View Umwickeln abzuschalten und Einstellen ein paar Requisiten:

<View pointerEvents="none"> 
    <WebView 
    source={{ uri: webviewUrl }} 
    scrollEnabled={false} 
    /> 
</View>