时间戳

首页 > 解决方案 > 按钮 OnPressed 在 Flutter 中不起作用

flutter - 按钮 OnPressed 在 Flutter 中不起作用

问题描述

我在单击“凸起”按钮时遇到问题。OnPressed() 内部的方法没有被调用。理想情况下，在 OnPressed() 方法上，我希望显示弹出窗口或滑块。我创建了示例来显示当前面临的问题。

main.dart 文件调用 Screen2()

import 'package:flutter/material.dart';
//import 'package:flutter_app/main1.dart';
import 'screen2.dart';

void main() => runApp(Lesson1());

class Lesson1 extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
  home: Screen2(),
);
}
}

在 Screen2() 中，我只有一个 RaisedButton 和 OnPressed()，它需要调用函数 ButtonPressed()。

import 'package:flutter/material.dart';
class Screen2 extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
  appBar: AppBar(
    backgroundColor: Colors.blue,
    title: Text('Screen 2'),
  ),
  body: Center(
    child: RaisedButton(
      color: Colors.blue,
      child: Text('Go Back To Screen 1'),
      onPressed: () {
        print('centrebutton');
        ButtonPressed();
      },
    ),
  ),
  );
 }
 }
class ButtonPressed extends StatefulWidget {
@override
_ButtonPressedState createState() => _ButtonPressedState();

}

class _ButtonPressedState extends State<ButtonPressed> {
@override
Widget build(BuildContext context) {
print ('inside button press');

return Scaffold(
  appBar: AppBar(
    backgroundColor: Colors.red,
    title: Text('Screen 3'),
  ),
  // create a popup to show some msg. 
 );
 }
 }

单击 Raised 按钮时，将打印打印语句（'centerbutton'）。
但是 ButtonPressed() 方法没有被调用。我无法在控制台中看到 print msg('inside button press')。PL。让我看看 ButtonPressed 方法没有被调用的原因。附上截图供您参考。

标签： flutterdart

解决方案

您正在 RaisedButton 的 onPressed 方法上调用 Widget。您的小部件正在被调用，但不会在屏幕上的任何位置呈现。

您应该在点击事件中调用一个函数来处理您的数据。但是您正在调用一个小部件或说一个 UI 视图。

如果要导航到相应的屏幕，则应使用导航器。

例如：

onPressed: () {
        print('centrebutton');
        Navigator.push(context, MaterialPageRoute(builder: (BuildContext context) => ButtonPressed()));
      },

推荐阅读