简单阵营Android本地模块来使用Android的WebView中应用内的(实验HTML文件输入支持,以处理文件上传表单)。
安装
NPM安装反应母语-WebView的Android的--save
将它添加到你的Android项目
- 在
android/setting.gradle
..。 include ' :RNWebView ' , ' :app ' project( ' :RNWebView ' ) . projectDir = new File (rootProject . projectDir, ' ../node_modules/react-native-webview-android/android ' )
- 在
android/app/build.gradle
..。 依赖性 { ...。 编制项目(':RNWebView “) }
- 注册模块 - RN> = 0.18(在MainActivity.java)
进口 com.burnweb.rnwebview.RNWebViewPackage ; // <---进口 公共 类 MainActivity 扩展 ReactActivity { ...... @覆盖 保护 名单< ReactPackage > getPackages(){ 返回 数组。< ReactPackage > asList( 新 MainReactPackage(), 新 RNWebViewPackage()); // <------这一行添加到您的MainActivity类别 } ...... }
例
VAR阵营= 要求('反应母语'); VAR {}样式表=动作; VAR WebViewAndroid = 要求('反应母语-WebView的机器人'); VAR SITE_URL = “ https://www.google.com ” ; VAR WebViewAndroidExample = 作出反应。createClass({ getInitialState : 函数(){ 返回 { 网址: SITE_URL, //或者 //你可以使用源对象等反应本地web视图。 // {源URI:字符串,方法:字符串,标题:对象的身体:字符串},{HTML:字符串的baseUrl:字符串} //负载静态html或WebView中的URI(带有可选报头)。<就像阵营本地的版本> //来源:{ // URI:SITE_URL, //头:{ // ... //} //}, 状态: “否加载”, backButtonEnabled : 假的, forwardButtonEnabled : 假的, 装: 真的, }; }, GoBack的: 函数(){ 这个。裁判。webViewAndroidSample。GoBack的(); //你可以使用这个回调来控制的WebView }, goForward : 函数(){ 这个。裁判。webViewAndroidSample。goForward(); }, 重装: 函数(){ 这个。裁判。webViewAndroidSample。重载(); }, onNavigationStateChange : 函数(事件){ 控制台。日志(事件); 这。的setState({ backButtonEnabled : 事件。canGoBack, forwardButtonEnabled : 事件。canGoForward, 网址: 事件。网址, 状态: 事件。标题, 加载: 事件。加载 }); }, 渲染: 函数(){ 回报率( < WebViewAndroid REF = “ webViewAndroidSample ” javaScriptEnabled = { 真 } geolocationEnabled = { 假 } builtInZoomControls = { 假 } onNavigationStateChange = { 此。onNavigationStateChange } URL = { SITE_URL } //或使用源(对象)的属性... 风格= { 风格。containerWebView } / > ); //其他属性:源(对象),HTML(串),htmlCharset(串)的baseUrl(串),injectedJavaScript(串),disableCookies(布尔),disablePlugins(布尔)的userAgent(字符串) } }); VAR风格= 样式表。创建({ containerWebView : { 弹性: 1, } });
请注意有关HTML文件输入(上传文件)
该模块实现了一个实验性支持,以处理HTML表单文件上传文件输入。它在某些版本的Android 4.1+测试,但它可能是某些设备不会与工作确定新的功能。
提示视频(HTML5)内的WebView
当您在网页视图里面的一些HTML5视频播放器正常工作,我建议你设置了android:hardwareAccelerated =“真”在你的AndroidManifest.xml文件。
资源均来自第三方,谨慎下载,前往第三方网站下载