如何使用背景幕作为主应用程序菜单更新 Flutter 应用程序的布局

普奇卡因杜尔

我对 Flutter 完全陌生,所以请接受我对一个愚蠢问题的道歉(可能是愚蠢的)。我的问题是,如果为我的应用程序菜单实施背景,我是否能够用新屏幕更新任何特定屏幕。例如,如果我在 android 上使用带有背景的应用主屏幕,在单击菜单后我会显示一个片段,并且在用户与它进行一些交互之后,我会根据设计和显示不同的片段应用流程。我的问题是我会在 Flutter 中做什么来更新屏幕而不是使用 MaterialPageRoute 来更改整个屏幕。

西达贝斯特数据库

您可以使用PageView小工具,如果你不想使用Navigator

PageController _pageController;
int _page = 0; // initial page index

@override
void initState() {
  super.initState();
  _pageController = PageController(keepPage: true);
}

@override
void dispose() {
  _pageController.dispose();
  super.dispose();
}

void onPageChanged(int value) {
  setState(() {
    this._page = value;
  });
}

void go(int index) {
  _pageController.jumpToPage(index); //this will change the current page in view.
}

并转到您的背景小部件并进行如下修改。

backLayer: Container(
  color: Colors.blue,
  child: ListView(
    children: <Widget>[
      ListTile(
        title: Text("Screen two"),
        onTap: () {
          go(1); //page index
        },
      ),
      ListTile(
        title: Text("Screen three"),
        onTap: () {
          go(2);
        },
      )
    ],
  ),
),


frontLayer: Container(
  color: Colors.white,
  child: PageView(
    onPageChanged: onPageChanged, //page changed function
    controller: _pageController, //controller
    physics: NeverScrollableScrollPhysics(), //disable swipe
    children: <Widget>[
      HelloScreen(), //put your screens here.
      ScreenTwo(),
      ScreenThree(),
    ],
  ),
),

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Flutter启动器-卸载应用程序时如何更新应用程序列表?

来自分类Dev

如何使用FlutterFragment和自定义入口点将Flutter布局嵌入Android应用程序中?

来自分类Dev

如何使用 Flutter 更改应用程序显示名称构建?

来自分类Dev

如何在flutter应用程序中实现使用菜单打开?

来自分类Dev

应用程序布局内的嵌套布局

来自分类Dev

Flutter应用程序导航问题

来自分类Dev

更新应用程序布局图标

来自分类Dev

Flutter 应用程序中屏幕底部的背景图像

来自分类Dev

如何布局我的Android应用程序?

来自分类Dev

如何布局我的android应用程序?

来自分类Dev

如何以编程方式从Flutter应用程序中启动应用程序?

来自分类Dev

如何使用in_app_update强制用户从Flutter中的Play商店更新应用程序

来自分类Dev

如何通过在Flutter应用程序中点击按钮来使用默认应用程序打开PPT,PDF,文档等?

来自分类常见问题

如何保护Flutter应用程序免受逆向工程

来自分类Dev

如何从Flutter桌面应用程序中打开CMD

来自分类Dev

如何在flutter应用程序的PopupMenuItem的开头添加图标

来自分类Dev

关闭Flutter应用程序后如何保存数据?

来自分类Dev

如何在Flutter应用程序中叠加元素?

来自分类Dev

Flutter:如何浏览本机相机应用程序

来自分类Dev

如何从Flutter桌面应用程序中获取.exe文件?

来自分类Dev

如何将Flutter应用程序与Python代码集成

来自分类Dev

如何与集成的sql db共享flutter应用程序

来自分类Dev

Flutter应用程序可以使用RethinkDB吗?

来自分类Dev

我无法使用flutter执行示例应用程序

来自分类Dev

在简单Flutter应用程序的Column中使用GridViews的问题

来自分类Dev

使用 pagewise 包和 JSON 的 Flutter 应用程序

来自分类Dev

Flutter 不使用 Firestore 构建 iOS 应用程序

来自分类Dev

MarionetteJS:应用程序区域与布局

来自分类Dev

64位应用程序的内存布局

Related 相关文章

  1. 1

    Flutter启动器-卸载应用程序时如何更新应用程序列表?

  2. 2

    如何使用FlutterFragment和自定义入口点将Flutter布局嵌入Android应用程序中?

  3. 3

    如何使用 Flutter 更改应用程序显示名称构建?

  4. 4

    如何在flutter应用程序中实现使用菜单打开?

  5. 5

    应用程序布局内的嵌套布局

  6. 6

    Flutter应用程序导航问题

  7. 7

    更新应用程序布局图标

  8. 8

    Flutter 应用程序中屏幕底部的背景图像

  9. 9

    如何布局我的Android应用程序?

  10. 10

    如何布局我的android应用程序?

  11. 11

    如何以编程方式从Flutter应用程序中启动应用程序?

  12. 12

    如何使用in_app_update强制用户从Flutter中的Play商店更新应用程序

  13. 13

    如何通过在Flutter应用程序中点击按钮来使用默认应用程序打开PPT,PDF,文档等?

  14. 14

    如何保护Flutter应用程序免受逆向工程

  15. 15

    如何从Flutter桌面应用程序中打开CMD

  16. 16

    如何在flutter应用程序的PopupMenuItem的开头添加图标

  17. 17

    关闭Flutter应用程序后如何保存数据?

  18. 18

    如何在Flutter应用程序中叠加元素?

  19. 19

    Flutter:如何浏览本机相机应用程序

  20. 20

    如何从Flutter桌面应用程序中获取.exe文件?

  21. 21

    如何将Flutter应用程序与Python代码集成

  22. 22

    如何与集成的sql db共享flutter应用程序

  23. 23

    Flutter应用程序可以使用RethinkDB吗?

  24. 24

    我无法使用flutter执行示例应用程序

  25. 25

    在简单Flutter应用程序的Column中使用GridViews的问题

  26. 26

    使用 pagewise 包和 JSON 的 Flutter 应用程序

  27. 27

    Flutter 不使用 Firestore 构建 iOS 应用程序

  28. 28

    MarionetteJS:应用程序区域与布局

  29. 29

    64位应用程序的内存布局

热门标签

归档