如何解决在React Native中居中ScrollView
我最近一直在尝试使用React Native,并且正在尝试将ScrollView合并到我的程序中。我在页面中间居中ScrollView
时遇到问题。我已经看过许多关于SO的帖子,但无法获得有效的实现。如果有人能指出正确的方向,我将不胜感激!
屏幕:
<SafeAreaView style={styles.container}>
<ScrollView style={styles.scrollable}>
<ProfileGreeting />
<DailyGoals goals={GOALS} />
<CoursesContainer courses={COURSES} />
</ScrollView>
</SafeAreaView>
样式:
const styles = {
container: {
height: "100%",width: "100%",display: "flex",alignItems: "center",flex: 1
},scrollable: {
flexGrow : 1,justifyContent : 'center'
}
}
正如在此this post中所建议的那样,我尝试在ScrollView上使用flexGrow,但它似乎仍然不起作用-而是这样移到一边:
解决方法
尝试滚动查看“ contentContainerStyle”属性而不是样式 财产
ScrollView样式定义了ScrollView的外部容器,例如其高度和与同级元素的关系
ScrollView contentContainerStyle定义了它的内部容器,例如项目对齐,填充等
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。