react-native – 如何在本机中将scrollview拉伸到整个屏幕？

发布时间：2020-12-15 09:34:30 所属栏目：百科来源：网络整理

导读：我有这个代码 render() { return ( View style={styles.container} TopMenu / ScrollView style={styles.scrollView} {array_with_two_items.map(this.createRow)} /ScrollView /View )} 与风格 scrollView: { flex:1,marginBottom:0,},containter: { flex:1

我有这个代码

render() {
  return (
    <View style={styles.container}>
      <TopMenu />
      <ScrollView style={styles.scrollView}>
        {array_with_two_items.map(this.createRow)}
      </ScrollView>
    </View>
  )
}

与风格

scrollView: {
  flex:1,marginBottom:0,},containter: {
  flex:1,

而问题是它看起来像这样

+-----------+
|    MENU   |
+-----------+
|   item1   |
+-----------+
|   item2   |
+-----------+
|           |
|   blank   |
|    not    |
| scrollable|
+-----------+

但我希望它看起来像

+-----------+
|    MENU   |
+-----------+
|   item1   |
+-----------+
|   item2   |
+-----------+
| blank,but |
|   still   |
|  part of  |
| scrollview|
+-----------+

我对造型和flexbox几乎没有经验,所以这就是我要问的原因. (菜单不应该是scrollview的一部分)

解决方法

只需将道具contentContainerStyle提供给ScrollView,如：

<ScrollView
   contentContainerStyle={{
     flex: 1
  }}
>
  /* Other Stuff */
</ScrollView>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!