📜  Flutter – 为按钮分配动作(1)

📅  最后修改于: 2023-12-03 15:00:48.208000             🧑  作者: Mango

Flutter - 为按钮分配动作

在 Flutter 中,您可以为按钮分配动作,以便在用户单击按钮时执行某些操作。

创建一个按钮

要创建一个按钮,您需要使用 ElevatedButtonTextButton ,具体取决于您的需求。在这里,我们将使用 ElevatedButton

ElevatedButton(
  onPressed: () {
    // Your code here
  },
  child: Text('Press Me'),
)
为按钮分配一个动作

要为按钮分配一个动作,您需要在 onPressed 属性中传递一个函数。这个函数会在用户单击按钮时被执行。

ElevatedButton(
  onPressed: () {
    print('Button Pressed');
  },
  child: Text('Press Me'),
)

在上面的示例中,当用户单击按钮时,print 语句就会在控制台中打印出 'Button Pressed'。

从按钮动作中调用函数

在许多情况下,您可能需要从按钮动作中调用另一个函数。在这种情况下,您可以将该函数作为参数传递给 onPressed

void myFunction() {
  print('Button Pressed');
}

ElevatedButton(
  onPressed: myFunction,
  child: Text('Press Me'),
)

在上面的示例中,我们定义了一个名为 myFunction 的函数,然后将其作为参数传递给 onPressed

小结

在 Flutter 中,我们可以轻松地为按钮分配动作并执行一些操作。您可以使用 ElevatedButtonTextButton 来创建按钮,并使用 onPressed 属性来指定其行为。

代码片段:

```dart
ElevatedButton(
  onPressed: () {
    // Your code here
  },
  child: Text('Press Me'),
)

ElevatedButton(
  onPressed: () {
    print('Button Pressed');
  },
  child: Text('Press Me'),
)

void myFunction() {
  print('Button Pressed');
}

ElevatedButton(
  onPressed: myFunction,
  child: Text('Press Me'),
)