react spring bottom sheet:无障碍:wheelchair_symbol:令人愉快的and和表演者:rocket: 源码

react-spring-bottom-sheet建立在和之上。 它打破了一个神话,即可访问性和支持的键盘导航和屏幕阅读器与令人愉悦,美观且具有高度动画效果的UI背道而驰。 每个动画和过渡都使用CSS自定义属性,而不是直接操作它们,从而可以完全控制仅CSS的体验。 安装 npm i react-spring-bottom-sheet MVP示例,显示了通过实现open , onDismiss和始终设置为minHeight的单个捕捉点所得到的结果。 一个更精致的示例,展示了捕捉点如何工作。 它还显示了您希望默认情况下打开而不关闭它的行为。 请注意,如果您调整窗口大小或滚动到底部并开始调整图纸的高度(而不先向上滚动),它将如何响应。 如果提供header或footer道具,则将启用此示例中显示的特殊行为。 而且它们不仅位置固定,而且两个区域都支持触摸手势。 在大多数情况下,使用底页的方式与使用