今天和大家聊一聊微信小程序在ios中下拉出现“橡皮筋”效果
问题现象
话不多说,先看代码(使用taro编写)。
代码很简单,一个flex的容器+一个允许进行下拉刷新的ScrollView,就组成了一个最简demo
const TicketRecordsPage = () => {
const revenueData = new Array(10).fill(0).map((_, i) => i)
return (
<View className={styles['root']}>
<View >title</View>
<View className={styles['container']}>
<ScrollView className={styles['viewer']} scrollY enableFlex
refresher-enabled={true} lower-threshold={100} >
{
revenueData.map((x) => {
return <View>{x}</View>
})
}
</ScrollView>
</View>
</View >
);
}
.root {
width: 100vw;
height: 100vh;
display