React-native-gesture-handler: рдПрдВрдбреНрд░реЙрдЗрдб рдореЗрдВ рдорд▓реНрдЯреА-рдЯрдЪ рд╣реИрдВрдбрд▓рд░

рдХреЛ рдирд┐рд░реНрдорд┐рдд 26 рдЕрдХреНрддреВре░ 2017  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: software-mansion/react-native-gesture-handler

рдорд▓реНрдЯреА-рдЯрдЪ рд╡реНрдпреВ рд╕реЗ рдореЗрд░рд╛ рдорддрд▓рдм рдХреБрдЫ рдРрд╕рд╛ рд╣реИ:

<View
    onTouchStart={() => { console.log('pressing left button'); }}
    onTouchEnd={() => { console.log('releasing left button'); }}
>
    {...}
</View>
<View
    onTouchStart={() => { console.log('pressing right button'); }}
    onTouchEnd={() => { console.log('releasing right button'); }}
>
    {...}
</View>

рд╡рд┐рдЪрд╛рд░ рдпрд╣ рд╣реИ рдХрд┐ рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рдХреЛ рдХрд┐рд╕реА рдЪреАрдЬрд╝ рдХреЛ рдЯреНрд░рд┐рдЧрд░ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдмрд╛рдПрдБ рдФрд░ рджрд╛рдПрдБ рдмрдЯрди рджреЛрдиреЛрдВ рдХреЛ рдкрдХрдбрд╝рдирд╛ рд╣реЛрддрд╛ рд╣реИ (рдмрд┐рдЯ рдЬреЛ рджреЛрдиреЛрдВ рдХреЛ рджрдмрд╛рдП рдЬрд╛рдиреЗ рдХреА рдкреНрд░рддреАрдХреНрд╖рд╛ рдХрд░рддрд╛ рд╣реИ рд╡рд╣ рдКрдкрд░ рдХреЗ рдЙрджрд╛рд╣рд░рдг рдореЗрдВ рдирд╣реАрдВ рд╣реИ, рд▓реЗрдХрд┐рди рдореИрдВ рд╕реНрдкрд╖реНрдЯ рдХрд░рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдБ рдХрд┐ рджреЛ рд╕реНрдкрд░реНрд╢ рдХрд░рдиреЗ рдпреЛрдЧреНрдп рддрддреНрд╡ рдЕрд▓рдЧ-рдЕрд▓рдЧ рд╣реИрдВ )

рдпрд╣ рдЖрдИрдУрдПрд╕ рдкрд░ рдареАрдХ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ рд▓реЗрдХрд┐рди рдПрдВрдбреНрд░реЙрдЗрдб рдкрд░ рдирд╣реАрдВ: https://github.com/facebook/react-native/issues/10068 рд╕реЗ рд╕рдВрдмрдВрдзрд┐рдд

рддреЛ, рдЙрдореНрдореАрдж рдХрд░ рд░рд╣рд╛ рдерд╛ рдХрд┐ рдореИрдВ рдЗрд╕ рдкреБрд╕реНрддрдХрд╛рд▓рдп рдХрд╛ рдЙрдкрдпреЛрдЧ рдЙрд╕ рдореБрджреНрджреЗ рдХреЗ рдЖрд╕рдкрд╛рд╕ рдХрд╛рдо рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдХрд░ рд╕рдХрддрд╛ рд╣реВрдВред рд╣рд╛рд▓рд╛рдВрдХрд┐ рдХрд╛рдо рдирд╣реАрдВ рдХрд░ рд░рд╣рд╛ рд╣реИ - рдЙрдкрд░реЛрдХреНрдд рдХреЛ рдкреНрд░рддрд┐рд╕реНрдерд╛рдкрд┐рдд рдХрд░ рд░рд╣рд╛ рд╣реИ

<BaseButton
  onActiveStateChange={(isActive) => {
    if (isActive) {
      console.log('pressing left button');
    } else {
      console.log('releasing left button');
    }
  }}
>
  {...}
</BaseButton>
<BaseButton
  onActiveStateChange={(isActive) => {
    if (isActive) {
      console.log('pressing right button');
    } else {
      console.log('releasing right button');
    }
  }}
>
  {...}
</BaseButton>

рд▓реЗрдХрд┐рди рдЗрд╕рдХрд╛ рдкрд░рд┐рдгрд╛рдо View рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреЗ рд╕рдорд╛рди рд╣реА рд╣реЛрддрд╛ рд╣реИ: рдПрдХ рдмрд╛рд░ рдПрдХ рдмрдЯрди рджрдмрд╛рдП рдЬрд╛рдиреЗ рдХреЗ рдмрд╛рдж, рджреВрд╕рд░реЗ рдХреЛ рджрдмрд╛рдиреЗ рд╕реЗ рдореВрд▓ рдмрдЯрди рдХрд╛ рд╣реИрдВрдбрд▓рд░ (рдПрдВрдбреНрд░реЙрдЗрдб рдкрд░) рдЯреНрд░рд┐рдЧрд░ рд╣реЛ рдЬрд╛рддрд╛ рд╣реИред

рдХреНрдпрд╛ рдпрд╣рд╛рдВ simultaneousHandlers рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХрд╛ рдХреЛрдИ рддрд░реАрдХрд╛ рд╣реИ?

рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА

рдЕрд░реЗ @yossarin @rgangopadhya

рдЖрдкрдХреЛ рдмрддрд╛ рджреЗрдВ рдХрд┐ рд╣рдордиреЗ рдкреАрдЖрд░ рдХреЛ рдорд░реНрдЬ рдХрд░ рджрд┐рдпрд╛ рд╣реИ рдЬреЛ рдЙрд╕рдХреЗ рд▓рд┐рдП рд╕рдорд░реНрдерди рдЬреЛрдбрд╝рддрд╛ рд╣реИ: https://github.com/kmagiera/react-native-gesture-handler/commit/4036fba2fbc7e05d1fea340676a2975594936e8c

рдбреЗрдореЛ рдпрд╣рд╛рдБ рд╣реИ: https://twitter.com/kzzzzf/status/1015907930649055233

рдХрд╛рдлреА рд▓рдВрдмреЗ рд╕рдордп рдХреЗ рдмрд╛рдж рдореБрдЭреЗ рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ рдЕрдВрдд рдореЗрдВ рдмрдВрдж рдХрд░рддреЗ рд╣реБрдП рдЦреБрд╢реА рд╣реЛ рд░рд╣реА рд╣реИред рдпрджрд┐ рдЖрдкрдХреЗ рдХреЛрдИ рдкреНрд░рд╢реНрди рд╣реИрдВ рдпрд╛ рдЗрд╕ рдкрд░ рдЖрдЧреЗ рдЪрд░реНрдЪрд╛ рдХрд░рдирд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВ рддреЛ рдмреЗрдЭрд┐рдЭрдХ рдЗрд╕реЗ рдлрд┐рд░ рд╕реЗ рдЦреЛрд▓реЗрдВ рдпрд╛ рдПрдХ рдирдпрд╛ рдореБрджреНрджрд╛ рдмрдирд╛рдПрдВред

рд╕рднреА 4 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

рдирдорд╕реНрддреЗ,

рдореИрдВ рдЙрддреНрд╕реБрдХ рд╣реВрдВ рдХрд┐ рдПрдВрдбреНрд░реЙрдЗрдб рдореЗрдВ рдорд▓реНрдЯреА-рдЯрдЪ рд╣реИрдВрдбрд▓рд░ рд▓рд╛рдЧреВ рдХрд░рдиреЗ рдореЗрдВ рдмрд╛рдзрд╛ рдХреНрдпрд╛ рд╣реИ?
(рдЬрд╛рд╣рд┐рд░ рд╣реИ рдореБрдЭреЗ рдЗрд╕ рд╕реБрд╡рд┐рдзрд╛ рдХреА рдЬрд╝рд░реВрд░рдд рд╣реИ)

рдореИрдВ рдкреВрдЫ рд░рд╣рд╛ рд╣реВрдВ рдХреНрдпреЛрдВрдХрд┐ рдореИрдВ рдЗрд╕ рдореБрджреНрджреЗ рдкрд░ рдорджрдж рдХрд░рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВ, рд╣реЛ рд╕рдХрддрд╛ рд╣реИ рдХрд┐ рдЖрдкрдХреЗ рдкрд╛рд╕ рдореЗрд░реЗ рд▓рд┐рдП рдХреБрдЫ рд╕рдВрдХреЗрдд рд╣реЛрдВ? :) @kmgiera

рдЕрд░реЗ @yossarin @rgangopadhya

рдЖрдкрдХреЛ рдмрддрд╛ рджреЗрдВ рдХрд┐ рд╣рдордиреЗ рдкреАрдЖрд░ рдХреЛ рдорд░реНрдЬ рдХрд░ рджрд┐рдпрд╛ рд╣реИ рдЬреЛ рдЙрд╕рдХреЗ рд▓рд┐рдП рд╕рдорд░реНрдерди рдЬреЛрдбрд╝рддрд╛ рд╣реИ: https://github.com/kmagiera/react-native-gesture-handler/commit/4036fba2fbc7e05d1fea340676a2975594936e8c

рдбреЗрдореЛ рдпрд╣рд╛рдБ рд╣реИ: https://twitter.com/kzzzzf/status/1015907930649055233

рдХрд╛рдлреА рд▓рдВрдмреЗ рд╕рдордп рдХреЗ рдмрд╛рдж рдореБрдЭреЗ рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ рдЕрдВрдд рдореЗрдВ рдмрдВрдж рдХрд░рддреЗ рд╣реБрдП рдЦреБрд╢реА рд╣реЛ рд░рд╣реА рд╣реИред рдпрджрд┐ рдЖрдкрдХреЗ рдХреЛрдИ рдкреНрд░рд╢реНрди рд╣реИрдВ рдпрд╛ рдЗрд╕ рдкрд░ рдЖрдЧреЗ рдЪрд░реНрдЪрд╛ рдХрд░рдирд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВ рддреЛ рдмреЗрдЭрд┐рдЭрдХ рдЗрд╕реЗ рдлрд┐рд░ рд╕реЗ рдЦреЛрд▓реЗрдВ рдпрд╛ рдПрдХ рдирдпрд╛ рдореБрджреНрджрд╛ рдмрдирд╛рдПрдВред

рдореБрдЭреЗ рдЕрднреА рднреА Android рдкрд░ рдпрд╣ рд╕рдорд╕реНрдпрд╛ рдЖ рд░рд╣реА рд╣реИ рд▓реЗрдХрд┐рди iOS рдкрд░ рдХреЛрдИ рд╕рдорд╕реНрдпрд╛ рдирд╣реАрдВ рд╣реИред рдореИрдВ рдирд╡реАрдирддрдо рд╕рдВрд╕реНрдХрд░рдг рдкрд░ рд╣реВрдБред рдХреЛрдИ рд╕реБрдЭрд╛рд╡?

рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕

рд╕рдВрдмрдВрдзрд┐рдд рдореБрджреНрджреЛрдВ

brunolemos picture brunolemos  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

radex picture radex  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

enahum picture enahum  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

alexthebake picture alexthebake  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

neiker picture neiker  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ