Flutter: How to have one tap handler for two widgets?

Question

I've got an IconButton and Text as the children of a Row widget. Currently when user taps on the calendar icon, its onPressed is handled and a calendar is shown to pick a date. However I want to extend the tapping area and allow the calendar to open even when user taps on the Text widget. What's the best way to achieve this purpose?

Please note that there are more children in this Row. I only want to handle the tap on these two children.

question from:https://stackoverflow.com/questions/65864607/flutter-how-to-have-one-tap-handler-for-two-widgets

Answer 1

InkWell might do the trick for you.

import 'package:flutter/material.dart';

class DoubleTapPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: SafeArea(
        child: InkWell(
          child: Row(
            children: [
              Icon(Icons.calendar_today),
              Text('2021 Jan 23')
            ],
          ),
          onTap: () => print('Calendar or Date tapped'),
        ),
      ),
    );
  }
}

In response to the edit:

import 'package:flutter/material.dart';

class DoubleTapPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: SafeArea(
        child: Row(
          children: [
            Text('Outside the well'),
            InkWell(
              child: Row(
                children: [
                  Icon(Icons.calendar_today),
                  Text('2021 Jan 23')
                ],
              ),
              onTap: () => print('Calendar or Date tapped'),
            ),
          ],
        ),
      ),
    );
  }
}