标签: flutter-scaffold

Flutter 中嵌套 Scaffold 是否正确?

我的应用程序主页中有一个 PageView,我想要:

  1. AppBar根据页面变化
  2. BottomAppBar 已修复

我想象的2个解决方案是:

  1. 难点:拥有一个带有 appBar、body 和 BottomNavigationBar 的 Scaffold;使用 PageView 的 PageController 为 AppBar 内容添加动画效果。
  2. 有 2 个嵌套的脚手架:主脚手架带有主体和底部导航栏,第二个脚手架位于每个 PageView 的页面中,带有 AppBar。

所以,我想知道,它是有效的,但是嵌套支架在语法上是否“正确”?

scaffold flutter flutter-scaffold flutter-pageview

8
推荐指数
1
解决办法
5313
查看次数

如何在 Appbar 左侧创建按钮 [flutter]

我试图在应用程序栏的左侧制作按钮[弹出新屏幕],但我发现只有抽屉不是我想要的。

我在 AppBar 中想要什么:

------------------------------------------------<br>
| button |----------text----------| button |<br>
------------------------------------------------<br>
Run Code Online (Sandbox Code Playgroud)

我现在所拥有的:

------------------------------------------------<br>
----------------text----------------| button | <- form actions in AppBar<br>
------------------------------------------------<br>
Run Code Online (Sandbox Code Playgroud)

mobile-application flutter flutter-appbar flutter-scaffold

5
推荐指数
2
解决办法
1906
查看次数

如何根据在颤动中单击哪个导航栏按钮来更改脚手架主体?

我是 flutter 的新手,我想以正确的方式进行此操作,问题是我有一个底部导航栏包 i Curved_navigation_bar它具有很棒的外观和动画,此导航栏应该更改 Scaffold 小部件的主体并每次显示一个新的小部件取决于单击的按钮,我想要实现的是每次单击导航栏的按钮时执行以下操作:

  • 清除身体的Scaffold
  • 加载相关的小部件

我希望这是在 flutter 中遵循的正确导航方法(更改屏幕或视图),如果这是错误的,请告诉我

    class _SituationState extends State<ScreenSituation>{
         int _page = 0;
         GlobalKey _bottomNavigationKey = GlobalKey();
         @override
    Widget build(BuildContext context) {
    return Scaffold(
      body: Container(
        //if list button is clicked preveiw widget_client
        //if people button is clicked preveiw widget_people
        //if launch button is clicked preveiw launch
      ),
      bottomNavigationBar: CurvedNavigationBar(
        key: _bottomNavigationKey,
        index: 0,
        height: 75.0,
        items: <Widget>[
          Icon(Icons.list, size: 30),
          Icon(Icons.people, size: 30),
          Icon(Icons.launch, size: 30),
        ],
        color: Colors.white,
        buttonBackgroundColor: …
Run Code Online (Sandbox Code Playgroud)

dart flutter flutter-layout flutter-scaffold

2
推荐指数
1
解决办法
3747
查看次数