ポスト
Gmailなどメーラーでお馴染みの左右でアクションの異なるUI(Swipeable List)をReact, ReactNativeで自作してみた! パフォーマンス面でかなり工夫が必要で、左右のスワイプで背景を出し分ける部分、切り替える閾値を単純に1つにすると閾値前後で行き来された場合に異常に重くなる #melto #designTaniii pic.x.com/g7ecvm3bys
メニューを開くみんなのコメント
メニューを開く![](https://rts-pctr.c.yimg.jp/BgIFgYJGVIVv8u0nVJvw8B2FauAYMF4jOP5zFJAV4i5e72TLbER0xQeK1l8ZZ0OL69P2z-MQUxn0I1nHy25V5V-gRMmco3DFJloBamMP9ZLeJBju6tWk_Lc8n8tgUmq--Qqfq5_P2bnlIstLMVgA7D1IYuWGB7C9gpUHIOxhF0V31rh4YZR-t5G5aOtH0MMoSCpE0sS-WFmLZMnCBh-5jyGaMoLy7cBGQ2L5i_NCxc4=)
これを解消するために、行きと帰りで背景を切り替える閾値をズラすことでバッファを持たせている また、この閾値付近での行き来、ユーザが意図しなくても、慣性系アニメーションを実装している場合は、座標0を中心としてばね振動してしまうので、何十回とレンダリングが発生してしまうのが特に注意 pic.x.com/twsc7kapee