reactjs – React Native – flex,ScrollView和动态高度不填充屏

发布时间：2020-12-15 20:32:29 所属栏目：百科来源：网络整理

导读：我在ScrollView中有一个动态高度 – 在用户交互时,高度可以增加或减少. ScrollView有flexGrow：1,里面的内容包含在一个带有flex：1的View中. 然而,当在面板底部降低高度时,我在底部得到一个白色的“过度滚动状空间”,我只能通过向后拖动面板来移除它.(ps我有

我在ScrollView中有一个动态高度 – 在用户交互时,高度可以增加或减少. ScrollView有flexGrow：1,里面的内容包含在一个带有flex：1的View中.

然而,当在面板底部降低高度时,我在底部得到一个白色的“过度滚动状空间”,我只能通过向后拖动面板来移除它.(ps我有反弹= {false} overScrollMode = ‘从不’)

当屏幕降低高度时,如何删除过度滚动空间.

附：我不想强制更新,因为有些内容我不希望丢失/更新.

解决方法

I think,you have to adjust contentInset prop of ScrollView when you expand(increase height) and collpase(decrease height) your contents.

...
<ScrollView
    automaticallyAdjustContentInsets={false}
    contentInset={{top:0,bottom: this.state.contentInsetBottom }}
 >
...

你可以有一些类似的预定义值,

const bottom_initial = 0;
const arbitrary_move_value = 100;

在你的状态,

this.state={
  contentInsetBottom: bottom_initial
}

展开或折叠时,计算适当的移动值并更改contentInset.

this.setState({
  contentInsetBottom: arbitrary_move_value
})

这只是想法.您必须计算适当的contentInset.希望这可以帮助.

（编辑：李大同）

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