V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
techstay
V2EX  ›  Flutter

flutter 初学者的疑问,如何组织页面和代码

  •  
  •   techstay ·
    techstay · 2023-10-25 03:55:16 +08:00 · 1302 次点击
    这是一个创建于 395 天前的主题,其中的信息可能已经有所发展或是发生改变。

    最近开始学习 flutter ,对着官方文档看了一段时间,感觉需要练习一下。官方的例子也不少,所以我想着如果把他们整合到一起应该也不错,用 drawer 做个导航,每一个选项就是一个展示页面。

    所以界面结构应该是这样的,这样看来似乎只需要将 body 处的组件独立出来就好了。

    • MaterialApp
      • Scaffold
        • Appbar
        • Body
        • Drawer

    但是似乎又有些不对,因为提供 route 功能的是 MaterialApp ,所以看起来似乎每一个页面都应该是完整的 scaffold ,包括 appbar 和 drawer 这些。但是 appbar 和 drawer 貌似又是公用的。

    所以这时候应该怎么组织才比较合理呢?希望老哥们指点一下。

    6 条回复    2023-11-08 11:46:32 +08:00
    GooMS
        1
    GooMS  
       2023-10-25 04:21:12 +08:00 via Android
    我是把 appbar 这些做组件了,每个都是单独的 scaffold

    仔细想想,其实能复用的页面也没有几个
    july1995
        2
    july1995  
       2023-10-25 08:21:14 +08:00 via Android
    一个文件一把梭,哈哈,
    buxudashi
        3
    buxudashi  
       2023-10-25 09:57:41 +08:00
    你的感觉是对的。

    一般底部 4 个按钮,都要独立出来共用。所以 flutter 的设计本身就没考虑现实。它实现了 1 个页面 4 个切换。而不是 4 个页面。很明显这不合理。

    所以还要自己组织。找路由组件啥的自己写吧。
    jeepc
        4
    jeepc  
       2023-10-25 10:14:30 +08:00
    如果要快,可以参考这个 https://juejin.cn/post/6924104248275763208 ,然后 getx 一把梭。
    milukun
        5
    milukun  
       2023-11-08 09:15:13 +08:00
    初学者可以用别人铺垫好的窝子: https://www.v2ex.com/t/989611
    ZGame
        6
    ZGame  
       2023-11-08 11:46:32 +08:00
    flutter 的思想都是学 react 的, 至于 react ,有很多商业的开源组件库 ,类似 ant design ,material design 等等,可以去前端汲取一点灵感。而且 drawer 和 appbar 公用其实和组件复用并没有冲突啊,你要做的就是要么 做 provider ->提取组件内的状态,或者做 hooks 给其他组件用。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2823 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 52ms · UTC 07:38 · PVG 15:38 · LAX 23:38 · JFK 02:38
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.