如何用React重构ScrollView组件以适应长尾词的滚动需求？

本文共计1537个文字，预计阅读时间需要7分钟。

目录+效果+设计考题的问题+1：结构+结构搭建+逻辑处理+问题+总结+效果+我们首先看一下效果，大概就是点击左侧或右侧按钮，将元素以每个子选项卡长度单位移动。

目录

• 效果
• 设计考虑的问题
• 1： 结构
• 结构搭建
• 逻辑处理
• 问题
• 总结

效果

我们先看一下效果，大概就是希望点击左边按钮 或者右边按钮将元素以 每一个 子选项卡长度单位进行精准偏移。

设计考虑的问题

在这之前，大家不妨思考一下这个需求给到你，你应该怎么去设计这个东西？

1 ： 父盒子的长度多少 ？ 如何控制多出的元素隐藏？

2 ：我们应该如何进行偏移 ？ 用定位还是位移 ？ 他们有什么区别？如何保证偏移量一点不差？

3 ：每次偏移的量是多少？如何处理边界情况？

好，带着以下几个问题，我们一起来思考一下这个组件，应该如何封装。