1

我创建了新的 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 个工作人员... info 正在启动 JS 服务器... info 正在安装应用程序...

配置项目 :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/设备：将文件上传到设备'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: 执行: 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

IDLE IDLE IDLE IDLE info Connecting to the development server... adb: error: cannot bind listener: Operation not allowed warn 无法使用“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 克拉克$

4

0 回答 0