时间戳

首页 > 解决方案 > react-native-webview滚动没有进入android

android - react-native-webview滚动没有进入android

问题描述

我正在使用 expo 并在滚动视图中有一个 expo react-native-webview，下面是返回 webview 的组件的返回。我正在做的是创建屏幕，我想解析我的 html 并在容器中的屏幕上显示。容器的设计是在调用该组件的父屏幕中进行的。问题 1：我尝试了多种解决方案来在 android 设备的 webview 中滚动，但没有任何效果。下面的代码与 IOS 设备完美配合。

问题 2：我们可以限制 webview 在视图中仅显示 5 行并将其余部分转换为 (...) 吗？有人可以帮忙吗？

  return (
    <View style={{ flex: 1 }}>
      <WebView
        originWhitelist={["*"]}
        source={{ html: htmlContent }}
        style={styles.WebViewStyle}
      />

    </View>

  );

const styles = StyleSheet.create({
  WebViewStyle: {
    flex: 1,
    marginLeft: 5,
    height: 150,
    width: '100%',

  }
});

标签： androidreact-nativeexporeact-native-webview

解决方案

最后我需要以另一种方式进行修复。当我使用滚动视图时，webview 是子视图，因为它在 IOS 上运行良好，但 android webview 没有滚动。问题是滚动视图都是 webview 试图获取屏幕高度并被混淆。所以我将 webview 移出了滚动视图。

推荐阅读