वेब-व्यू प्रतिक्रिया-मूल पर ज़ूम अक्षम करें?

Question

react-nativeweb-view पर ज़ूम को अक्षम कैसे करें, hasZoom={false} (केवल एक उदाहरण) जैसी कोई संपत्ति है जिसे नीचे web-view टैग में शामिल किया जा सकता है जो ज़ूमिंग अक्षम कर सकता है। इसे एंड्रॉइड और आईओएस दोनों पर काम करना है।

<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

pointerEvents="none" WebView को here

Answer 2

इस विशेषता रखो में scalesPageToFit={false} अधिक जानकारी के प्रयास करें, या इस विशेषता के साथ अन्य दृश्य द्वारा वेब-दृश्य लपेट दें।

Answer 3

भविष्य में किसी के लिए, मैं निम्नलिखित सीएसएस जोड़कर इस हल:

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

सभी तत्व है, जो मेरे परीक्षण के दौरान वेब पेज पर जूमिंग अनुमति नहीं दी पर ऊपर मूल रूप से अक्षम पाठ चयन। एफवाईआई: मैंने इसके प्रभाव बताते हुए विवरण में गहराई से डाला नहीं है।

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

Answer 4

सोचा यह दूसरों की मदद कर सकते हैं, मैं शीर्षक में निम्नलिखित जोड़कर इस हल कुछ प्रोप सेट करना:

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

Answer 5

मैं एक View में WebView लपेटकर द्वारा संभवत: ज़ूम, पाठ चयन और अन्य सूचक घटनाओं को निष्क्रिय करने में सक्षम था और: