按钮类创建另一个屏幕以显示按钮,而不是在现有屏幕上显示。
创始人
2024-11-04 01:30:59
0

可以使用Flutter的Navigator组件来实现在现有屏幕上跳转到另一个屏幕显示按钮。代码示例如下:

import 'package:flutter/material.dart';

class ButtonScreen extends StatefulWidget {
  @override
  _ButtonScreenState createState() => _ButtonScreenState();
}

class _ButtonScreenState extends State {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("Button Screen"),
      ),
      body: Center(
        child: ElevatedButton(
          child: Text("Show Buttons"),
          onPressed: () {
            Navigator.push(context, MaterialPageRoute(builder: (context) => ButtonListScreen()));
          },
        ),
      ),
    );
  }
}

class ButtonListScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("Button List Screen"),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            ElevatedButton(
              child: Text("Button 1"),
              onPressed: () {},
            ),
            ElevatedButton(
              child: Text("Button 2"),
              onPressed: () {},
            ),
            ElevatedButton(
              child: Text("Button 3"),
              onPressed: () {},
            ),
          ],
        ),
      ),
    );
  }
}

在这个例子中,我们首先创建了一个名为ButtonScreen的StatefulWidget,并在其build方法中创建了一个ElevatedButton。当按钮被按下时,我们使用Navigator.push方法将屏幕导航到ButtonListScreen。

ButtonListScreen是一个StatelessWidget,它包含了我们想要在新屏幕上显示的按钮。在这个例子中,我们创建了三个ElevatedButton。

注意,我们使用MaterialPageRoute来为ButtonListScreen创建一个新的屏幕,并将其传递给Navigator.push方法中的builder参数。

这就是通过Navigator组件实现在现有屏幕上跳转到另一个屏幕显示按钮的简

相关内容

热门资讯

1分钟破解版!德普之星辅助器,... 1分钟破解版!德普之星辅助器,德普软件,详细教程(有挂插件);该软件可以轻松地帮助玩家将德普之星辅助...
6分钟私人局辅助器!德扑圈有透... 6分钟私人局辅助器!德扑圈有透视吗,德扑之心免费透视,详细教程(有挂内幕);小薇(透视辅助)致您一封...
5分钟破解版!德普之星有透视辅... 5分钟破解版!德普之星有透视辅助吗(透视辅助)详细辅助插件(竟然插件)1、构建自己的辅助插件;2、选...
九分钟透视挂!德普之星透视软件... 九分钟透视挂!德普之星透视软件免费入口官网(透视辅助)详细辅助功能(都是功能)德普之星透视软件免费入...
6分钟软件下载!德普之星辅助工... 6分钟软件下载!德普之星辅助工具如何设置,德普之星辅助工具如何设置,详细教程(有挂秘笈);1、不需要...
九分钟辅助工具!德普之星辅助器... 九分钟辅助工具!德普之星辅助器app,德普之星有透视辅助吗,详细教程(有挂秘笈)小薇(透视辅助)致您...
五分钟软件!德普之星私人局辅助... 五分钟软件!德普之星私人局辅助免费(透视辅助软件)详细辅助作弊器(都是作弊器);1、玩家可以在德普之...
8分钟开辅助!德普之星透视辅助... 8分钟开辅助!德普之星透视辅助,德普之星辅助工具如何设置,详细教程(有挂秘笈)1、每一步都需要思考,...
七分钟私人局透视!德普之星私人... 七分钟私人局透视!德普之星私人局透视,德普之星私人局辅助免费,详细教程(有挂攻略)1、进入游戏-大厅...
2分钟私人局透视!德普之星辅助... 2分钟私人局透视!德普之星辅助工具如何设置,德普辅助器辅助器怎么用,详细教程(有挂详情)暗藏猫腻,小...