react-native - ios底部的滚动视图截止
问题描述
我有以下代码片段。最后一个元素在 ios 设备中被截断的地方。有人可以帮我解决这个问题吗?
<View >
<Animated.View
style={[
{
transform: [
{
translateX: this.state.x
}
]
},
{ flexBasis: "100%" }
]}
>
<ScrollView
contentContainerStyle={{ flexGrow: 1}}
importantForAccessibility="no"
onScroll={(event) => {
this.setYOffset(event.nativeEvent.contentOffset.y);
}}
onContentSizeChange={(contentWidth, contentHeight) => {
this.maxHeight = contentHeight;
}}
>
<KeyboardAwareScrollView>
<View style={styles.containerViewStyle} importantForAccessibility="no">
<Row />
<Row />
<Row />
<Row />
<Row />
</View>
</KeyboardAwareScrollView>
</ScrollView>
</Animated.View>
</View>
keyboardawarescrollview 中的视图样式如下:
const styles = {
containerViewStyle: {
flex: 1,
flexDirection: "column",
justifyContent: "space-between"
}
};
我尝试将 flex:1 设置为最外面的视图。但这并不能解决问题。有人可以帮助我了解这里的问题吗?
解决方案
尝试给予paddingBottom
inScrollview
像contentContainerStyle
:
<ScrollView
contentContainerStyle={{ paddingBottom: 40 }}
>
{/* Children */}
</ScrollView>
推荐阅读
- shiny - 在已经渲染后将元素添加到 Shiny 中的绘图
- java - 使用 action_image_capture 拍照并在使用前“不”保存或删除
- sublimetext3 - 为了摆脱崇高文本中 .vue 文件中过于严格的 tslint 警告,我必须配置什么
- botframework - 虚拟助手模板中的内容版主
- microsoft-teams - Microsoft Teams:我加载的应用程序 (zip) 中的消息扩展失败:“无法访问应用程序”
- swift - 如何使用按钮在 UIScrollViewController 中强制“滚动”?
- sql - 如何结合这 3 个查询来实现我想要的、格式化的结果
- python - TFLite 转换器:为 keras 模型实现的 RandomStandardNormal,但不适用于纯 TensorFlow 模型
- php - PHP - 如何确保请求来自我的网站?
- angular - 在 model.module.ts 中注册文件