React Native Swipe Drag Drop
1.0.0
رابط المقال
لم ينشر Community Native React أي مستند أو مصدر رسمي لتحقيق الإيماءات التي تعمل باللمس على مكون السحب على المكون. لديّ بعض التجارب على إيماءات اللمس على مكون بعض المشاريع ، لقد حاولت إظهار هذه الميزات على تطبيق بسيط لـ React. آمل أن يساعدك.
لنبدأ في تثبيت الحزم المطلوبة.
yarn installهناك بعض الخطوط التي نحتاج إلى إضافتها على جانب Android .. هذه الخطوة غير مطلوبة لنظام التشغيل iOS .. تتم الإشارة إلى الخطوط المراد إضافتها مع "+". المسار هو ، Android/APP/SRC/Main/Java/MainActivity.java
package com . gesturehandler ;
import com . facebook . react . ReactActivity ;
+ import com . facebook . react . ReactActivityDelegate ;
+ import com . facebook . react . ReactRootView ;
+ import com . swmansion . gesturehandler . react . RNGestureHandlerEnabledRootView ;
public class MainActivity extends ReactActivity {
/**
* Returns the name of the main component registered from JavaScript. This is used to schedule
* rendering of the component.
*/
@ Override
protected String getMainComponentName ( ) {
return "gestureHandler" ;
}
+ @ Override
+ protected ReactActivityDelegate createReactActivityDelegate ( ) {
+ return new ReactActivityDelegate ( this , getMainComponentName ( ) ) {
+ @ Override
+ protected ReactRootView createRootView ( ) {
+ return new RNGestureHandlerEnabledRootView ( MainActivity . this ) ;
+ }
+ } ;
+ }
}مثال تطبيقنا جاهز!
yarn run androidيمكننا تشغيله مع الأمر المكتوب أعلاه على محاكي Android.