react-native - React Native Grid 与 Webview 崩溃
问题描述
我正在使用具有固定高度 150 的视图和具有其余高度的行在视图中我正在显示文本输入,在行中我正在显示 Web 视图应用程序崩溃的后退按钮
如果我删除 webview 并执行相同操作,则应用程序不会崩溃
<Grid>
<View style={styles.screenView}>
<ImageBackground
source={size(course.image_url) > 0 ? { uri: course.image_url } : logo}
resizeMode="cover"
style={styles.imageBackground}
>
......
</ImageBackground>
</View>
<View style={styles.screenView}>
<View style={styles.container}>
<TextInput
style={styles.reviewInput}
onChangeText={addReview.bind(props)}
placeholder="Your reviews about the course"
value={review}
multiline={true}
/>
</View>
<LoadingButton
isLoading={isLoading}
isFormDirty={size(review) > 0 ? false : true}
loadingText="Saving"
text="Save Review"
block={true}
color={Color.primaryText}
loaderColor="#FFFFFF"
textColor={styles.lightText}
style={styles.reviewButton}
onPress={saveReview.bind(props)}
/>
</View>
<Row>
<View style={styles.scroller}>
<WebView originWhitelist={['*']} source={{ html: courseDescription }} />
</View>
</Row>
</Grid>
网页视图的样式:
scroller: {
flex: 1,
overflow: 'hidden',
},
解决方案
您的代码中只有一个Row
区域。这意味着整个事情。您应该单独标记该区域。
<Grid>
<Row size={9}>
<View>
...
</Row>
<Row size={1}>
<View style={styles.scroller}>
<WebView originWhitelist={['*']} source={{ html: courseDescription }} />
</View>
</Row>
</Grid>
推荐阅读
- javascript - 如何制作不同的菜单项下拉菜单
- java - Java 9:运行旧版 jar
- variables - 你可以在 Visual Studio Code 中保存变量吗?
- asynchronous - Python 3.6+ 中的异步 POST 在 while 循环中
- bash - Bash - 删除目录中只有一列的制表符分隔文件
- android - 使用 firebase ui 获取联系人有来自 firebase 的消息的联系人
- rust - 你能测试一个依赖的特性是否使用 `cfg!` 宏来设置吗?
- node.js - req.body(请求正文)在nodejs中使用ajax提交表单给出一个空值
- c++ - 没有任何额外数据成员的派生类的大小
- sql - 基于过滤条件的 T-SQL 查询列