我正在使用带有包含主题标签(#(的html字符串的webview。这在IOS和Android中工作正常,Chrome<版本72。但是,当使用Chrome>=版本72时,哈希标记将停止html的呈现。
我已经尝试了一个标准的反应原生应用程序(反应原生 0.57.0(和一个创建反应原生博览会应用程序(反应原生 0.57.1(,这是相同的行为。
import React from "react";
import { View, WebView } from "react-native";
export default class App extends React.Component {
render() {
return (
<View style={{ flex: 1 }}>
<WebView
source={{ html: "<html><body>123#456</body></html>" }}
style={{ width: 200, height: 200, marginTop: 50 }}
/>
</View>
);
}
}
预期结果:123#456
实际结果:123
将
# 替换为 %23 的解决方法似乎适用于我的情况。将跟踪 https://github.com/react-native-community/react-native-webview/issues/298 以获取更新。