اذهب إلى المحتوى

السؤال

Recommended Posts

  • 0
نشر

تقدم Flutter المكون InkWell الذي يقبل مكون ابن له من الخاصية child والذي بدوره يصبح قابل للنقر مثلاً ..

يمكنك عمل مكون فتح الرابط من النقر على النص بالشكل التالي حيث نربط النقر من خلال خاصية onTap وبدورها تنفيذ callback functionيفتح الرابط من الدالة launch :

Center(
  child: InkWell(
    child:  Text('Continue Reading'),
    onTap: () => launch('${news['url']}')
  ),
),

على اعتبار أن news هو كائن يمثل الخبر الحالي وفيه الخاصية URL تضمن رابط ويب للموقع الهدف.

توفر InkWell على أكثر من إيماء حسب التوثيق الرسمي:

InkWell({Key? key, Widget? child,
         GestureTapCallback? onTap,
         GestureTapCallback? onDoubleTap,            نقر مزدوج
         GestureLongPressCallback? onLongPress,      نقر لمدة طويلة
         GestureTapDownCallback? onTapDown,
         GestureTapUpCallback? onTapUp,           رفع الاصبع
         GestureTapCancelCallback? onTapCancel,
         ValueChanged<bool>? onHighlightChanged,
         ValueChanged<bool>? onHover,      عند المرور عليها
         MouseCursor? mouseCursor,
         Color? focusColor,
         Color? hoverColor,
         Color? highlightColor,
         MaterialStateProperty<Color?>? overlayColor,
         Color? splashColor,
         InteractiveInkFeatureFactory? splashFactory,
         double? radius,
         BorderRadius? borderRadius,
         ShapeBorder? customBorder,
         bool? enableFeedback = true,
         bool excludeFromSemantics = false,
         FocusNode? focusNode,
         bool canRequestFocus = true,
         ValueChanged<bool>? onFocusChange,
         bool autofocus = false})

 

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...