按钮类创建另一个屏幕以显示按钮,而不是在现有屏幕上显示。
创始人
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)微信小程序微乐...
黑科技开挂!微信小程序微乐辅助... 黑科技开挂!微信小程序微乐辅助器教程(开挂),微乐陕西麻将果然真的是有透视挂方法微信小程序微乐辅助器...
黑科技作弊器!小程序微乐辅助器... 黑科技作弊器!小程序微乐辅助器2.0(作弊器),微乐明皇暗保真是真的是有透视挂软件1、操作简单,无需...
黑科技辅助器!小程序跑得快的技... 黑科技辅助器!小程序跑得快的技巧(辅助器),微乐麻将果然是真的有透视挂方法1、打开软件启动之后找到中...
黑科技开挂!微乐小程序自建房透... 黑科技开挂!微乐小程序自建房透视下载(开挂),微乐血流麻将总是有透视挂软件1、让任何用户在无需微乐小...
黑科技外挂!微信小程序游戏破解... 黑科技外挂!微信小程序游戏破解微乐游戏(外挂),微乐邵阳麻将好像存在有透视挂脚本1、玩家可以在微信小...
黑科技外挂!微信小程序微乐辅助... 黑科技外挂!微信小程序微乐辅助器破解版(外挂),微乐明皇暗保果然存在有透视挂方法1、微信小程序微乐辅...
黑科技透视器!微乐家乡脚本助手... 黑科技透视器!微乐家乡脚本助手(透视器),微乐宁夏捉老麻子果然真的是有透视挂技巧1、点击下载安装,微...
黑科技辅助!微乐自建房透视(辅... 黑科技辅助!微乐自建房透视(辅助),微乐陕西挖坑本来真的有透视挂攻略运微乐自建房透视辅助工具,进入游...
黑科技透视挂!微乐自建房脚本免... 黑科技透视挂!微乐自建房脚本免费下载入口(透视挂),微乐唐山麻将真是存在有透视挂工具1、上手简单,内...