如何在 Dart 中將 Navigator function 作為參數傳遞？

Question

我有一個代表一個按鈕的自定義小部件，這個小部件位於“lib”文件夾內一個名為“Widgets”的單獨文件夾中，這就是按鈕小部件文件

import 'package:flutter/material.dart';

Widget buttonWidget(String text, Function action) {
  return ElevatedButton(
    onPressed: () => action,
    child: Text(text, style: const TextStyle(fontSize: 20),
  );
}

現在在 main.dart 文件中，我希望 buttonWidget 使用 Navigator.pushNamed function，所以我將 buttonWidget 稱為

buttonWidget("Navigate", Navigator.pushNamed(context, '/screenTwo')),

但是 buttonWidget 調用給了我這個錯誤

The argument type 'Future<Object?>' can't be assigned to the parameter type 'Function'.

Answer 1

您需要在調用周圍創建一個匿名 function，就像直接將其傳遞給onPressed參數一樣。

buttonWidget("Navigate", () => Navigator.pushNamed(context, '/screenTwo')),

或者

buttonWidget("Navigate", () {
  Navigator.pushNamed(context, '/screenTwo');
}),