是构建单个网页的任何更简单的方法，例如在颤动中做出反应

Posted 2023-02-23

【中文标题】是构建单个网页的任何更简单的方法，例如在颤动中做出反应

【英文标题】：is any easier way to build a single web page like react in flutter

【发布时间】：2021-06-09 02:04:32

【问题描述】：

Flutter 新手，

我知道下面的问题可以存档类似的目标，但是还有其他简单的方法吗？

how flutter work with single page web and different route url?

这里是反应示例：

 <Router>
      <div>
        <nav>
          <ul>
            <li>
              <Link to="/">Home</Link>
            </li>
            <li>
              <Link to="/about">About</Link>
            </li>
            <li>
              <Link to="/users">Users</Link>
            </li>
          </ul>
        </nav>

        /* A <Switch> looks through its children <Route>s and
            renders the first one that matches the current URL. */
        <Switch>
          <Route path="/about">
            <About />
          </Route>
          <Route path="/users">
            <Users />
          </Route>
          <Route path="/">
            <Home />
          </Route>
        </Switch>
      </div>
    </Router>
  );

【参考方案1】：

是的，当然有。

关键是您必须使用external package。

使用简单，您可以从 URL 传递状态，反之亦然。

您必须实现 2 种方法，一种用于声明 URL，另一种用于相反。

SimpleUrlHandler(
    urlToAppState: (BuildContext context, RouteInformation routeInformation) 
        // This is called when a user enters a url or presses the forward/backward
        // button. You should update your app state according to the RouteInformation.
    ,
    appStateToUrl: () 
        // This is called when the url should be updated
        // You must return a RouteInformation
    ,
    child: YourAppWidget(),
);