如何从颤动的 URL 中获取价值答案

【问题标题】：How do I get value from a URL in flutter如何从颤动的 URL 中获取价值
【发布时间】：2021-05-26 01:40:57
【问题描述】：

在 Flutter 中，我正在构建一个 Web 应用程序。在这种情况下，我需要一个可以从 URL 获取数据的函数，就像在 Javascript 中获取数据一样。我该怎么做？

例如，假设我在加载 Web 应用程序时将以下内容附加到我的 URL：/#/5a9c14ca-06bf-4c3d-b41e-a1317ea1ae79. 如何在 Dart 中以原始字符串（首选）或其他格式获取它们？

到目前为止我已经尝试过什么

  void initState() {
        GetUrl();
  }

  void GetUrl(){

    var uri = Uri.dataFromString(window.location.href); //converts string to a uri
    Map<String, String> params = uri.queryParameters; // query parameters automatically populated
    var param1 = params['param1']; // return value of parameter "param1" from uri
    print(jsonEncode(params));//can use returned parameters to encode as json
    setState(() {});
  }

但我没有得到任何结果。提前谢谢你

【问题讨论】：

那里没有任何查询参数...只是一个路径。它看起来像一个 UUID，尽管我可能错了。查询参数看起来更像?a=b&c=d&e=f
如何从路径中提取 guid？ @RandalSchwartz
可能是var uri = Uri.parse(window.location.href) 然后看看uri.path。

标签： flutter http dart flutter-web url-parameters

【解决方案1】：

在这种情况下，您尝试获取的 uuid 是路径段而不是参数所以要得到它，你可以这样做

  var uri = Uri.dataFromString('http://localhost:59786/#/5a9c14ca-06bf-4c3d-b41e-a1317ea1ae79-0.6869740326627118');
  var uuid = uri.pathSegments[4];
  print(uuid); // 5a9c14ca-06bf-4c3d-b41e-a1317ea1ae79-0.6869740326627118

或者你可以使用一个包来帮助你，比如qlevar_router。一个完整的例子

import 'dart:math';
import 'package:flutter/material.dart';
import 'package:qlevar_router/qlevar_router.dart';

void main() {
  runApp(MyApp());
}

class AppRoutes {
  final routes = <QRouteBase>[
    QRoute(
      path: '/',
      page: (c) => PageOne(),
    ),
    QRoute(path: '/:uuid', page: (c) => PageTwo(c))
  ];
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp.router(
      routerDelegate: QR.router(AppRoutes().routes),
      routeInformationParser: QR.routeParser(),
    );
  }
}

class PageOne extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Column(children: [
          Text('This is page one'),
          TextButton(
              onPressed: () => QR.to(
                  '/5a9c14ca-06bf-4c3d-b41e-a1317ea1ae79-${Random().nextDouble()}'),
              child: Text('To uuid')),
        ]),
      ),
    );
  }
}

class PageTwo extends StatelessWidget {
  final QRouteChild child;
  PageTwo(this.child);
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Column(children: [
          Text(QR.params['uuid'].toString()),
          TextButton(onPressed: () => QR.back(), child: Text('Back'))
        ]),
      ),
    );
  }
}

【讨论】：