Как мне добавить интерактивность в buttonColumn на Flutter?

Question

Итак, в этом уроке по флаттеру: https://flutter.io/tutorials/interactive/

они показали, как построить макет и добавить интерактивность для одной кнопки (любимая кнопка).

Ниже представлен раздел ButtonSection, содержащий три значка, которые должны быть кнопками.У меня вопрос, как мне добавить интерактивность для этих иконок?Я попытался вставить FlatButton внутри buttonColumn, как показано здесь на первом дочернем элементе контейнера ButtonSection виджета (тот, с которого launch () => tel):

Column buildButtonColumn(IconData icon, String label) {
  Color color = Colors.black;

  return Column(
    mainAxisSize: MainAxisSize.min,
    mainAxisAlignment: MainAxisAlignment.center,
    children: [
      Icon(icon, color: color),
      Container(
        margin: const EdgeInsets.only(top: 8.0),
        child: Text(
          label,
          style: TextStyle(
            fontSize: 12.0,
            fontWeight: FontWeight.w400,
            color: color,
          ),
        ),
      ),
    ],
  );
}    

Widget buttonSection = Container(
  child: Row(
    mainAxisAlignment: MainAxisAlignment.spaceEvenly,
    children: [
      buildButtonColumn(FlatButton
        (onPressed: launch() => ("tel://09069262647"),),
      buildButtonColumn(Icons.near_me, 'ROUTE'),
      buildButtonColumn(Icons.fastfood, 'MENU'),
    ],
  ),
);

Однако, он дает мне сообщение об ошибке, что «Аргумент« FlatButton не может быть назначен типу параметра «IconData». Как мне это сделать?

Answer 1

Если вам нужен только кран для любого виджета, вы можете обернуть его чернильницей.https://docs.flutter.io/flutter/material/InkWell-class.html

Answer 2

Вы можете использовать GestureDetector widget для добавления интерактивности к любым виджетам (таким как контейнер, столбец, строка, значок и т. Д.).