基于状态的网页更新url/路由

Question

我是新的扑动，我只是想知道如果这个场景/功能是可能的扑动/扑动网页。我想根据屏幕的状态更新url/路由。例如，在9gag.com，Hot有按钮趋势,，和Fresh。然后，如果我点击Hot按钮，其url将更新为9gag.com/hot以及它的内容，趋势也是如此新鲜和按钮。这在颤振/颤振网中可能吗?如果是，我如何实现这个功能?(如果实现使用bloc就更好了)

Answer 1

完全有可能，而且很容易实现，只需在onpressed/ontap上使用url_launcher Package

示例:将此代码添加到有状态管理的开头或代码的末尾

_launchURL() async {
const url = 'https://flutter.io';
if (await canLaunch(url)) {
await launch(url);
} else {
throw 'Could not launch $url';
}
}

像这样命名

RaisedButton(
onPressed: _launchURL,
child: new Text('Show Flutter homepage'),
),
),

现在，如果你有一些9gag/hot button或container，不管你要用什么，只要放那个url，当用户点击它时，它会打开那个url。如果你想在应用程序的webview中打开它，这也是可能的，但略有不同。

Answer 2

如果我理解正确的话，使用默认的导航和路由方式非常简单。我对你所说的方法不太确定

我想根据屏幕的状态更新url/route

和

然后，如果我点击热按钮，它的url将被更新为9gag.com/hot和它的内容

如果我没弄错的话，它有一个导航到其他屏幕的内置功能，一旦你登陆到想要的屏幕，你就可以看到刷新的内容。如果你想尝试材料设计，代码将是这样的

//within your stateful or stateless widget
onPressed: () {
Navigator.push(
context,
MaterialPageRoute(builder: (context) => YourPage()),

你可以尝试用这种内置的方式来完成同样的工作，而不是使用包。但你想用哪一个就看你了。查看官方的flutter文档https://flutter.dev/docs/cookbook/navigation我希望这种方式也有助于回答你的问题。如果很高兴在你的扑动之旅中帮助你，如果不分享，你是如何解决的。