• 请不要在回答技术问题时复制粘贴 AI 生成的内容
apple2026
V2EX  ›  程序员

请问 MUI button 组件的点击涟漪效果是如何实现的呢?有哪位大佬能写个 demo 么 ^_^

  •  
  •   apple2026 · Mar 15, 2022 · 2825 views
    This topic created in 1699 days ago, the information mentioned may be changed or developed.
    5 replies  •  2022-03-15 12:09:01 +08:00
    apple2026
    apple2026
    OP
    Mar 15, 2022
    2
    @BingoXuan 多谢~
    efaun
    efaun
    Mar 15, 2022
    3
    这不是 react 自带的效果吗, rn 上我知道是 touchablenativefeedback
    ChefIsAwesome
    ChefIsAwesome
    Mar 15, 2022
    4
    我之前试过的方法是:点击的时候在目标元素上面画一个涟漪。不难,无非是计算下目标的位置和大小。好处是这个效果是后加的,任何可点击目标都可以有,不用动他们的 html 结构。坏处是如果点击之后目标移动了,比方讲点了之后有动画,那这个涟漪不会跟着动,不好处理。
    sakuraSou
    sakuraSou
    Mar 15, 2022 via iPhone
    5
    点击的时候用伪元素生成,borderradius
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   1198 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 29ms · UTC 16:11 · PVG 00:11 · LAX 08:11 · JFK 11:11
    ♥ Do have faith in what you're doing.