可以使用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组件实现在现有屏幕上跳转到另一个屏幕显示按钮的简
上一篇:按钮宽度在动画过程中不发生改变
下一篇:按钮类获取不到div的完整长度?