React-native-gesture-handler: PanGestureHandler للحركة العمودية فقط
هذا أكثر من سؤال حقا.
لقد جربت كل تركيبة يمكن أن أفكر فيها ولكن حدث الإيماءة لا يزال يطلق حركة أفقية عندما أريد فقط أن يصبح نشطًا في الحركة الرأسية فقط.
أي مؤشرات؟
كود المصدر متاح هنا https://github.com/mattermost/mattermost-mobile/blob/master/app/components/slide_up_panel/slide_up_panel.js
enahum
ال 4 كومينتر
إذا كنت بحاجة إلى اتجاه واحد فقط ، فقد يكون مكون ScrollView كافيًا لك (يمكنك الحصول على إصدار من معالج الإيماءات وهو التفاف لدعم BaseGestureHandler.
خلاف ذلك ، إذا كنت تستمع فقط للترجمة Y ، فستعمل فقط للحركة الرأسية إذا كان ذلك منطقيًا.
يمكنك أيضًا اللعب مع خاصية activeOffsetY . على سبيل المثال ، لن يقوم activeOffsetY={[-10, 10]} بتنشيط معالج الإيماءات إلا عند التمرير الرأسي لأعلى أو لأسفل حتى 10 بكسل.
آمل أن يساعد هذا.
wcandillon
في ٢٦ ديسمبر ٢٠١٨
wcandillon كيفية تحريك العنصر لأسفل فقط؟ ويقل الموضع الأصلي أو ما يعادله.
dmitryshelomanov
في ٢٠ مارس ٢٠١٩
@ userbq201 لقد فعلت هذا للتعامل مع إيماءة التمرير لأسفل فقط. في onHandlerStateChange لـ PanGestureHandler ، قمت بفحص ما إذا كان nativeEvent.velocityY> 0 مما يعني أنه يقوم بالتمرير لأسفل.
ShaharyarMaroof
في ٢٢ أكتوبر ٢٠١٩
يبدو أنه تم حلها.
jakub-gonet
في ٣٠ يوليو ٢٠٢٠
القضايا ذات الصلة
muhaimincs
·
3تعليقات
tallen11
·
3تعليقات
jhalborg
·
5تعليقات
TerrerSandman
·
3تعليقات
chrisdrackett
·
4تعليقات
التعليق الأكثر فائدة
إذا كنت بحاجة إلى اتجاه واحد فقط ، فقد يكون مكون ScrollView كافيًا لك (يمكنك الحصول على إصدار من معالج الإيماءات وهو التفاف لدعم BaseGestureHandler.
خلاف ذلك ، إذا كنت تستمع فقط للترجمة Y ، فستعمل فقط للحركة الرأسية إذا كان ذلك منطقيًا.
يمكنك أيضًا اللعب مع خاصية
activeOffsetY. على سبيل المثال ، لن يقومactiveOffsetY={[-10, 10]}بتنشيط معالج الإيماءات إلا عند التمرير الرأسي لأعلى أو لأسفل حتى 10 بكسل.آمل أن يساعد هذا.