Flutter ले gesture र user input लाई कसरी handle गर्छ?

Question

Accepted Answer

Flutter ले **touch gestures** (taps, swipes, drags, pinches) लाई gesture-detecting widgets जस्तै **GestureDetector** र **InkWell**, र built-in widget interactions माध्यमबाट handle गर्छ। Gesture handling बुझ्नु interactive apps निर्माणको लागि आवश्यक छ।

## GestureDetector — gestures पत्ता लगाउनु

```dart
// GestureDetector wraps a widget and detects gestures on it
GestureDetector(
  onTap: () => print('tapped'),
  onDoubleTap: () => print('double tapped'),
  onLongPress: () => print('long pressed'),
  onPanUpdate: (details) => print('dragging: ${details.delta}'),  // drag
  onScaleUpdate: (details) => print('pinch: ${details.scale}'),    // pinch/zoom
  child: Container(width: 100, height: 100, color: Colors.blue),
)
```

`GestureDetector` ले कुनै पनि widget लाई wrap गर्छ र taps, double-taps, long-presses, drags (pan), scales (pinch), र अन्य कुरासँगका callbacks प्रदान गर्छ।

## InkWell — Material tap with ripple

```dart
// InkWell — like a tappable area WITH the Material ripple effect (visual feedback)
InkWell(
  onTap: () => doSomething(),
  child: Padding(padding: EdgeInsets.all(16), child: Text('Tap me')),
)
// → use InkWell for Material-style tappable areas (visual feedback); GestureDetector
//   for general gestures without visual effects
```

## Built-in interactions र best practices

```text
✓ Many widgets handle input themselves: buttons (onPressed), Dismissible (swipe-to-dismiss),
  Draggable/DragTarget (drag-and-drop), InteractiveViewer (pan/zoom), sliders, switches
✓ Use the RIGHT widget — buttons for buttons (not GestureDetector + onTap); InkWell for
  Material feedback; GestureDetector for custom gestures
✓ Provide visual FEEDBACK on interaction (ripples, state changes) for good UX
✓ Mind accessibility (sufficient tap targets, semantics)
```

## किन यो महत्त्वपूर्ण छ

Gestures र user input बुझ्नु आवश्यक छ किनभने **apps interactive हुन्छन्** — user touch (taps, swipes, drags) मा जवाफ दिनु app functionality को लागि मौलिक छ, त्यसकारण यो must-know practical knowledge हो।

Mobile apps स्वाभाविकै touch-driven हुन्छन्, र gestures लाई सही तरीकाले handle गर्नु interactive experiences निर्माण गरेको कोर हो।

**GestureDetector** (widgets लाई wrap गरेर taps, double-taps, long-presses, drags, pinches, र अन्य कुरा पत्ता लगाउन callbacks माध्यमबाट) बुझ्नु general gestures handle गर्नको लागि प्राथमिक उपकरण हो, custom interactions सक्षम गर्दछ।

**InkWell** (Material ripple effect संग tappable areas प्रदान गरेर visual feedback को लागि) बुझ्नु Material-style interactions को लागि महत्त्वपूर्ण छ जहाँ visual feedback महत्त्वपूर्ण हुन्छ।

**built-in interactions** (onPressed संग buttons, swipe-to-dismiss को लागि Dismissible, drag-and-drop को लागि Draggable/DragTarget, pan/zoom को लागि InteractiveViewer, sliders, switches) र **सही widget प्रयोग गर्ने best practice** (GestureDetector + onTap को सट्टा buttons लाई button को रूपमा, Material feedback को लागि InkWell, custom gestures को लागि GestureDetector) बुझ्नु उचित, accessible interactions निर्माण गर्ने र तिनलाई reinvent नगर्ने कुरा प्रतिबिम्बित गर्छ।

**visual feedback** (ripples, good UX को लागि state changes) र accessibility (adequate tap targets) को महत्त्व बुझ्नु polished interaction design प्रतिबिम्बित गर्छ।

Kinaभने apps मौलिकै interactive हुन्छन् (touch मा जवाफ दिनु आवश्यक छ) र Flutter ले GestureDetector, InkWell, र built-in interactive widgets मार्फत gestures handle गर्छ, र किनभने यी बुझ्नु र सही उपकरणहरू प्रयोग गर्नु interactive, polished apps निर्माण गर्न आवश्यक छ, Flutter मा gestures र user input बुझ्नु आवश्यक, बारम्बार लागु हुने ज्ञान हो — interactive experiences निर्माण गर्न कोर कौशल हो जुन सबै apps चाहिन्छ, user touch लाई सही तरीकाले जवाफ दिन र कुनै पनि Flutter app मा polished, accessible interactions सृजना गर्न आवश्यक।