React-Native WebView打开Goog​​le文档删除标头

时间:2019-05-21 09:04:33

标签: react-native react-native-webview

在WebView中启动Google文档时 我想禁用Google文档标题。 在使用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

1 个答案:

答案 0 :(得分:0)

问题是services.AddSingleton(obj2); 不适用于IOS。

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

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