简单阵营Android本地模块来使用Android的WebView中应用内的(实验HTML文件输入支持,以处理文件上传表单)。
NPM安装反应母语-WebView的Android的--save
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 “)
}
进口 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表单文件上传文件输入。它在某些版本的Android 4.1+测试,但它可能是某些设备不会与工作确定新的功能。
当您在网页视图里面的一些HTML5视频播放器正常工作,我建议你设置了android:hardwareAccelerated =“真”在你的AndroidManifest.xml文件。