كيف أجعل نص أو مكون قابل للنقر يستجيب للإيماءات في flutter

تقدم 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})