- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
如何在 Flutter App 中处理 Web URL?
例如:
当有人在 Whatsapp 中点击我的网站链接时,该应用程序将运行而不是浏览器,
我想处理 URL 部分,
例如:
点击后 https://example.com/shop/{product-name}
, 我得到 product-name
作为变量并在我的应用程序中加载此产品信息
最佳答案
您可以使用包 https://pub.dev/packages/uni_links
您可以在 https://github.com/avioli/uni_links 中查看详细信息
工作演示 unilinks://example.com/path/portion/?uid=123&token=abc
通uid=123
和 token=abc
第一步:添加intent-filter
至 AndroidManifest.xml
<intent-filter>
<action android:name="android.intent.action.VIEW" />
<category android:name="android.intent.category.DEFAULT" />
<category android:name="android.intent.category.BROWSABLE" />
<data
android:scheme="unilinks"
android:host="example.com" />
</intent-filter>
<intent-filter>
<action android:name="android.intent.action.VIEW" />
<category android:name="android.intent.category.DEFAULT" />
<category android:name="android.intent.category.BROWSABLE" />
<data
android:scheme="unilinks"
android:host="host"
android:pathPrefix="/path/subpath" />
</intent-filter>
import 'dart:async';
import 'dart:io';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:uni_links/uni_links.dart';
void main() => runApp(new MyApp());
class MyApp extends StatefulWidget {
@override
_MyAppState createState() => new _MyAppState();
}
enum UniLinksType { string, uri }
class _MyAppState extends State<MyApp> with SingleTickerProviderStateMixin {
String _latestLink = 'Unknown';
Uri _latestUri;
StreamSubscription _sub;
TabController _tabController;
UniLinksType _type = UniLinksType.string;
final List<String> _cmds = getCmds();
final TextStyle _cmdStyle = const TextStyle(
fontFamily: 'Courier', fontSize: 12.0, fontWeight: FontWeight.w700);
final _scaffoldKey = new GlobalKey<ScaffoldState>();
@override
initState() {
super.initState();
_tabController = new TabController(vsync: this, length: 2);
_tabController.addListener(_handleTabChange);
initPlatformState();
}
@override
dispose() {
if (_sub != null) _sub.cancel();
_tabController.removeListener(_handleTabChange);
_tabController.dispose();
super.dispose();
}
// Platform messages are asynchronous, so we initialize in an async method.
initPlatformState() async {
if (_type == UniLinksType.string) {
await initPlatformStateForStringUniLinks();
} else {
await initPlatformStateForUriUniLinks();
}
}
/// An implementation using a [String] link
initPlatformStateForStringUniLinks() async {
// Attach a listener to the links stream
_sub = getLinksStream().listen((String link) {
if (!mounted) return;
setState(() {
_latestLink = link ?? 'Unknown';
_latestUri = null;
try {
if (link != null) _latestUri = Uri.parse(link);
} on FormatException {}
});
}, onError: (err) {
if (!mounted) return;
setState(() {
_latestLink = 'Failed to get latest link: $err.';
_latestUri = null;
});
});
// Attach a second listener to the stream
getLinksStream().listen((String link) {
print('got link: $link');
}, onError: (err) {
print('got err: $err');
});
// Get the latest link
String initialLink;
Uri initialUri;
// Platform messages may fail, so we use a try/catch PlatformException.
try {
initialLink = await getInitialLink();
print('initial link: $initialLink');
if (initialLink != null) initialUri = Uri.parse(initialLink);
} on PlatformException {
initialLink = 'Failed to get initial link.';
initialUri = null;
} on FormatException {
initialLink = 'Failed to parse the initial link as Uri.';
initialUri = null;
}
// If the widget was removed from the tree while the asynchronous platform
// message was in flight, we want to discard the reply rather than calling
// setState to update our non-existent appearance.
if (!mounted) return;
setState(() {
_latestLink = initialLink;
_latestUri = initialUri;
});
}
/// An implementation using the [Uri] convenience helpers
initPlatformStateForUriUniLinks() async {
// Attach a listener to the Uri links stream
_sub = getUriLinksStream().listen((Uri uri) {
if (!mounted) return;
setState(() {
_latestUri = uri;
_latestLink = uri?.toString() ?? 'Unknown';
});
}, onError: (err) {
if (!mounted) return;
setState(() {
_latestUri = null;
_latestLink = 'Failed to get latest link: $err.';
});
});
// Attach a second listener to the stream
getUriLinksStream().listen((Uri uri) {
print('got uri: ${uri?.path} ${uri?.queryParametersAll}');
}, onError: (err) {
print('got err: $err');
});
// Get the latest Uri
Uri initialUri;
String initialLink;
// Platform messages may fail, so we use a try/catch PlatformException.
try {
initialUri = await getInitialUri();
print('initial uri: ${initialUri?.path}'
' ${initialUri?.queryParametersAll}');
initialLink = initialUri?.toString();
} on PlatformException {
initialUri = null;
initialLink = 'Failed to get initial uri.';
} on FormatException {
initialUri = null;
initialLink = 'Bad parse the initial link as Uri.';
}
// If the widget was removed from the tree while the asynchronous platform
// message was in flight, we want to discard the reply rather than calling
// setState to update our non-existent appearance.
if (!mounted) return;
setState(() {
_latestUri = initialUri;
_latestLink = initialLink;
});
}
@override
Widget build(BuildContext context) {
final queryParams = _latestUri?.queryParametersAll?.entries?.toList();
return new MaterialApp(
home: new Scaffold(
key: _scaffoldKey,
appBar: new AppBar(
title: new Text('Plugin example app'),
bottom: new TabBar(
controller: _tabController,
tabs: <Widget>[
new Tab(text: 'STRING LINK'),
new Tab(text: 'URI'),
],
),
),
body: new ListView(
shrinkWrap: true,
padding: const EdgeInsets.all(8.0),
children: <Widget>[
new ListTile(
title: const Text('Link'),
subtitle: new Text('$_latestLink'),
),
new ListTile(
title: const Text('Uri Path'),
subtitle: new Text('${_latestUri?.path}'),
),
new ExpansionTile(
initiallyExpanded: true,
title: const Text('Query params'),
children: queryParams?.map((item) {
return new ListTile(
title: new Text('${item.key}'),
trailing: new Text('${item.value?.join(', ')}'),
);
})?.toList() ??
<Widget>[
new ListTile(
dense: true,
title: const Text('null'),
),
],
),
_cmdsCard(_cmds),
],
),
),
);
}
Widget _cmdsCard(commands) {
Widget platformCmds;
if (commands == null) {
platformCmds = const Center(child: const Text('Unsupported platform'));
} else {
platformCmds = new Column(
children: <List<Widget>>[
[
const Text(
'To populate above fields open a terminal shell and run:\n')
],
intersperse(
commands.map<Widget>((cmd) => new InkWell(
onTap: () => _printAndCopy(cmd),
child: new Text('\n$cmd\n', style: _cmdStyle),
)),
const Text('or')),
[
new Text(
'(tap on any of the above commands to print it to'
' the console/logger and copy to the device clipboard.)',
textAlign: TextAlign.center,
style: Theme.of(context).textTheme.caption),
]
].expand((el) => el).toList(),
);
}
return new Card(
margin: const EdgeInsets.only(top: 20.0),
child: new Padding(
padding: const EdgeInsets.all(10.0),
child: platformCmds,
),
);
}
_handleTabChange() {
if (_tabController.indexIsChanging) {
setState(() {
_type = UniLinksType.values[_tabController.index];
});
initPlatformState();
}
}
_printAndCopy(String cmd) async {
print(cmd);
await Clipboard.setData(new ClipboardData(text: cmd));
_scaffoldKey.currentState.showSnackBar(new SnackBar(
content: const Text('Copied to Clipboard'),
));
}
}
List<String> getCmds() {
String cmd;
String cmdSuffix = '';
if (Platform.isIOS) {
cmd = '/usr/bin/xcrun simctl openurl booted';
} else if (Platform.isAndroid) {
cmd = '\$ANDROID_HOME/platform-tools/adb shell \'am start'
' -a android.intent.action.VIEW'
' -c android.intent.category.BROWSABLE -d';
cmdSuffix = "'";
} else {
return null;
}
// https://orchid-forgery.glitch.me/mobile/redirect/
return [
'$cmd "unilinks://host/path/subpath"$cmdSuffix',
'$cmd "unilinks://example.com/path/portion/?uid=123&token=abc"$cmdSuffix',
'$cmd "unilinks://example.com/?arr%5b%5d=123&arr%5b%5d=abc'
'&addr=1%20Nowhere%20Rd&addr=Rand%20City%F0%9F%98%82"$cmdSuffix',
];
}
List<Widget> intersperse(Iterable<Widget> list, Widget item) {
List<Widget> initialValue = [];
return list.fold(initialValue, (all, el) {
if (all.length != 0) all.add(item);
all.add(el);
return all;
});
}
$ANDROID_HOME/platform-tools
3.2 执行命令
adb shell
3.3 执行下面的命令
am start -W -a android.intent.action.VIEW -c android.intent.category.BROWSABLE -d "unilinks://example.com/path/portion/?uid=123&token=abc"
关于flutter - 如何处理与 Flutter 应用程序的深层链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59970266/
我有一个网站,并且我使用 javascript sdk 添加了“点赞”按钮。 这是代码 (function(d, s, id) { var js, fjs = d.g
我知道 HTML 是逐行读取的。当您链接多个 css 文件(如规范化文件和样式表文件)时,由于 CSS 重要性特异性和源顺序,样式表文件应链接在规范化文件之后。看起来这不会影响链接的 JavaScri
我正在使用官方 Bootstrap site 提供的 CDN 链接在我的网络应用程序中使用面板进行测试 在彻底检查我的代码后,面板没有显示。 但是我在 SO 上看到了类似的帖子并且 CDN 链接不同
这里是编码初学者。我正在尝试为我的移动设备网站设置断点,以便我的网站适合小屏幕。我只是想检查如果我缩小视口(viewport)的宽度,背景颜色是否会改变,但没有发生任何变化。也许我只是对一个简单的错误
举一个我想要的例子,想象一下这个字符串: $text = 'lorem ipsum About us lorem ipsum'; 如果此字符串包含一个 href 以 / 开头的 anchor 链接,则
如何链接到 LaTeX 文档的另一部分或子部分?这种链接的常规范式是什么,像[链接名称]那样写,或者像网页超链接那样写? 最佳答案 链接到另一个部分需要您的部分进行一些额外的标记。要使用的命令是: \
我有一个订单表,其中包含订单号、客户 ID 和代理 ID。然后有一个带有 id 的客户表和一个带有 id 的代理表。 我需要获取所有具有来自代理 ID 'a03' 和代理 ID 'a05' 的订单的客
假设我有: dic = {"z":"zv", "a":"av"} ## Why doesn't the following return a sorted list of keys? keys = d
我在尝试链接到外部库时得到了一些奇怪的结果。如果我从命令行运行以下命令: gcc fftwTest.c -I../extlib/fftw-3.3.5-dll32 -L../extlib/fftw-3.
我认为我没有正确理解 jQuery 链接。我正在遍历一个数组并尝试将 div 元素添加到我的包装器 CSS 类中,每个 div 元素都有一个“click”类和自定义 css top 和 left 属性
HTML 使用超级链接与网络上的另一个文档相连。几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。 HTML 超链接(链接) HTML使用标签 a 来设置超文本链接。 超链
这个问题在这里已经有了答案: How do I link to part of a page? (hash?) (7 个答案) Scroll Automatically to the Bottom
我想创建一个 Docker Swarm 集群,运行一个 Elasticsearch 实例、一个 MongoDB 实例和一个 grails 应用程序,每个都在单独的机器上。我正在使用 Docker Ma
我正在尝试将 CakePHP HTML Linker 用于以下代码 Add Cuisine 由于 span 标签需要在 a 标签内。我无法根据需要获得输出。关于如何完成它的任何建议? 最佳答案 禁用链
大家好, 我最近开发了一个应用程序,很快就会提交到 App Store。我想免费提交这个应用程序,并想知道我是否可以实现一个带有 PayPal 捐赠标志的按钮,上面基本上写着“捐赠用于开发”或与此相关
我想尝试在 dlang 中使用 libuv。我下载了这样的 dlang 绑定(bind): git clone git@github.com:tamediadigital/libuv.git 现在我接
我有一个节点(节点 a),各种其他节点(节点 b/c/d/e)与之引用。 我可以创建一个带有参数的 View 作为我正在查看的节点(节点 a),并获取引用该节点的节点列表。 基本上在节点 a 查看节点
我正在尝试建立一个常见问题页面,上面有目录,下面有答案。我想点击目录中的一个问题,并在同一页面上链接到相应的答案。我如何在 CakePHP 中使用 $this->Html->link() 执行此操作方
在 WooCommerce 3.0+ 中,我使用 js 创建了一些选项卡,每个选项卡中包含来自不同类别的产品。我已经设法修改了简单产品的添加到购物车链接,其中点击了 addtocart 按钮它进入下一
Delphi 2007/2009 奇怪的问题在这里: 根据设计时定义的组件属性,是否可以在链接中包含文件或保留文件? 示例:如果我将 SomeProperty 保留为真,则在编译时,单元 SomeUn
我是一名优秀的程序员,十分优秀!