react native 关于ScrollView嵌套WebView的交互问题,这个问题很早前就解决过了,但是发现好多人有这方面问题,之前是因为写资讯的需求在网页下面还得显示评论等内容所以发现的这个问题,写个我的解决方案吧!
首先常规下,WebView正常的展示网页:
<SafeAreaView style={styles.safeAreaView}>
<WebView
style={
{ flex: 1 }}
source={
{ uri: 'https://bbs.reactnative.cn/category/3/blogs' }}
/>
</SafeAreaView>
但是用ScrollView嵌套时,就会加载空白:
<SafeAreaView style={styles.safeAreaView}>
<ScrollView style={
{ flex: 1 }}>
<WebView
style={
{ flex: 1 }}
source={
{ uri: 'https://bbs.reactnative.cn/category/3/blogs' }}
/>
</ScrollView>
</SafeAreaView>
此时我们需要设置webview的展示的宽高,就可以正常显示:
<SafeAreaView style={styles.safeAre