在web-view react-native禁用缩放功能？

  • Z时代
  • 2024-01-10
  • 分类：问答

如何禁用缩放react-nativeweb-view，是否有像hasZoom={false}（只是一个示例）的属性，可以包含在下面的web-view标记可以禁用缩放。 它必须在android和ios上工作。在web-view react-native禁用缩放功能？

<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>

回答：

尝试scalesPageToFit={false}更多信息在here

回答：

将这个属性的WebView pointerEvents="none"，或通过与该属性另一种观点包裹网页视图。

回答：

对于未来的人，我解决了这个通过添加以下的CSS：

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

上的所有元素，这在我的测试过程中不允许缩放网页上上面基本上禁用文本选择。供参考：我没有深入细节，只是说明其效果。

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

回答：

想这可能帮助别人，我通过增加在头下面的解决了这个设置几个道具：

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

回答：

我能够在View包装WebView禁用变焦，文本选择和其他指针事件和：

以上是 在web-view react-native禁用缩放功能？ 的全部内容， 来源链接： utcz.com/qa/261231.html

回到顶部