繁体   English   中英

react-native-webview 不适用于 android (RN 0.60.5)

[英]react-native-webview not works on android (RN 0.60.5)

我创建了新的 react-native 应用程序(react native 版本 0.60.5 并添加 react-native-webview。应用程序适用于 iOS。但在 Android 上不起作用。

react-native init WebViewApp
cd WebViewApp
yarn add react-native-webview
cd ios
pod install
cd ..

我在 App.js 中创建简单的代码

import React from 'react';
import {SafeAreaView, StyleSheet} from 'react-native';
import { WebView } from 'react-native-webview';

class App extends React.Component {

  render() {
    return (
      <SafeAreaView style={styles.body}>
        <WebView
          source={{ uri: 'https://example.com' }}
          style={styles.body}
        />
      </SafeAreaView>
    );
  }
};

const styles = StyleSheet.create({
  body: {
    flex: 1,
  },
});

export default App;

它适用于iOS。 不适用于安卓

react-native run-android

info 运行 jetifier 将库迁移到 AndroidX。 您可以使用“--no-jetifier”标志禁用它。 Jetifier 找到了 876 个要转发 Jetify 的文件。 使用 4 个工人...信息正在启动 JS 服务器...信息正在安装应用程序...

配置项目 :react-native-webview :react-native-webview:reactNativeAndroidRoot /Users/clark/Documents/react-native/examples/WebViewApp/node_modules/react-native/android

任务:app:installDebug 09:29:21 V/ddms:执行:运行 am get-config 09:29:21 V/ddms:在“emulator-5554”上执行“am get-config”:EOF 命中。 阅读:-1 09:29:21 V/ddms:执行:在“Pixel_2_API_Q(AVD)-10”上返回安装 APK 'app-debug.apk' for app:debug 09:29:21 D/app-debug.apk :将 app-debug.apk 上传到设备 'emulator-5554' 09:29:21 D/Device:将文件上传到设备 'emulator-5554' 09:29:21 D/ddms:读取 /Users/clark/ 的文件权限Documents/react-native/examples/WebViewApp/android/app/build/outputs/apk/debug/app-debug.apk as: rw-r--r-- 09:29:21 V/ddms: execute: running pm install -r -t "/data/local/tmp/app-debug.apk" 09:29:22 V/ddms: 执行 'pm install -r -t "/data/local/tmp/app-debug.apk" ' 在 'emulator-5554' 上:EOF 命中。 读取:-1 09:29:22 V/ddms:执行:返回 09:29:22 V/ddms:执行:运行 rm "/data/local/tmp/app-debug.apk" 09:29:22 V/ ddms:在 'emulator-5554' 上执行 'rm "/data/local/tmp/app-debug.apk"' :EOF 命中。 阅读:-1 09:29:22 V/ddms:执行:返回已安装在 1 台设备上。

此版本中使用了已弃用的 Gradle 功能,使其与 Gradle 6.0 不兼容。 使用“--warning-mode all”来显示单个弃用警告。 请参阅https://docs.gradle.org/5.4.1/userguide/command_line_interface.html#sec:command_line_warnings

在 5 秒内成功构建 46 个可操作的任务:2 个已执行,44 个最新 <------------> 0% WAITING

空闲空闲空闲空闲信息正在连接到开发服务器... adb:错误:无法绑定侦听器:不允许操作警告无法使用“adb reverse”连接到开发服务器:命令失败:/Users/clark/Library/Android/sdk /platform-tools/adb -s emulator-5554 reverse tcp:8081 tcp:8081 info 在“emulator-5554”上启动应用程序...开始: Intent { cmp=com.webviewapp/.MainActivity } Igors-MacBook-Pro: WebViewApp clark$

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM