直接進(jìn)入真題,上圖上代碼匙瘪!
很多時(shí)候我們都要用到flutter的列表監(jiān)聽(tīng)铆铆,這里就舉一個(gè)列子,appr上面的title
我們想要實(shí)現(xiàn)的是下拉到一定距離顯示價(jià)格丹喻,上滑到原位置隱藏價(jià)格
直接上優(yōu)化后的代碼
我們多添加一個(gè)bool類型的值
bool _show=true;
@override
void initState() {
// TODO: implement initState
super.initState();
scrollController.addListener((){
if(scrollController.position.pixels>=60&&_show)
setState(() {
print('顯示');
_show=false;
price='89';
});
else if(scrollController.position.pixels<=60&&!_show){
setState(() {
print('隱藏');
_show=true;
price='';
});
}
else{
}
});
}
這樣就實(shí)現(xiàn)了滑動(dòng)距離 0-60只重設(shè)一次狀態(tài)薄货,60到無(wú)窮也只重設(shè)一次狀態(tài)
image.png
image.png
從上往下一直拉,打印的結(jié)果
image.png