3

在 WebView 中启动 Google Docs 时,我想禁用 Google Docs Header。当我使用 Swift 编码时,我不得不禁用 JavaScript。所以我尝试了同样的方法,但它不起作用。如何从 React-Native WebView 中删除 Google Docs 标头?

import React, { Component } from 'react';
import { StyleSheet,View,WebView } from 'react-native';
import {
  Container, Header, Left, Button, Icon, Content,Text
} from 'native-base';


const styles = StyleSheet.create({
  wrapper: {
    justifyContent: 'center',
    flexDirection: 'column',
    flex: 1,
  },
});

class WebViewContainer extends Component {

  render() {
    return (
      <View style={styles.wrapper}>
      <Container>
      <Header />
        <Content scrollEnabled={false} contentContainerStyle={styles.wrapper}>
        <Text>text</Text>
          <WebView
            injectedJavaScript={false}
            javaScriptEnabled={false}
            originWhitelist={['*']}
            source={{ uri: 'https://docs.google.com/document/d/1VyuUU550TtZNMpX31z9lRSrYFABkthLXi-4qfheq4GU/edit?usp=sharing' }}
          />
          <Text>text</Text>
        </Content>
      </Container>
      </View>
    );
  }
}

export default WebViewContainer;

https://snack.expo.io/r1mBAV-64

4

1 回答 1

2

问题是javaScriptEnabled不适用于IOS。

您可以修改react-native-webview以便javaScriptEnabled应用。

https://github.com/aksmfosef11/react-native-webview/tree/add-javascriptEnabled-in-IOS

此功能也已添加到主控器中。获取

https://github.com/react-native-community/react-native-webview

于 2019-05-23T09:12:45.403 回答