RN的几种嵌套滑动总结
安卓常用的几种嵌套滑动的组合:
ScrollView嵌套WebView
ScrollView需要高度才能渲染,直接嵌套会导致空白。
通过插入js的方式,在载入WebView的时候先传回WebView高度,::动态设置高度::
const BaseScript =
`
(function () {
var height = null;
function changeHeight() {
if (document.body.scrollHeight !== height) {
height = document.body.scrollHeight;
if (window.postMessage) {
// 如果是引用了react-native-webView
// 将window.postMessage替换成window.ReactNativeWebView.postMessage即可
window.postMessage(JSON.stringify({
type: 'setHeight',
height: height,
}))
}
}
}
setInterval(changeHeight, 1000);
} ())
`;
onMessage = (event) => {
try {
const action = JSON.parse(event.nativeEvent.data);
if (action.type === 'setHeight' && action.height > 0) {
this.setState({
height: action.height,
});
}
} catch (
最后
以上就是漂亮时光最近收集整理的关于RN的几种嵌套滑动总结RN的几种嵌套滑动总结的全部内容,更多相关RN内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复