taro+flutter开发app应用问题汇总

采用flutter_webview_plugin集成taro页面

flutter下taro无法拨打号码

一开始通过flutterWebViewPlugin.onUrlChanged.listen((url),监听url变化,

if ( url.startsWith("tel")) {
    print("监听到打电话 $url");
    await flutterWebViewPlugin.stopLoading();
    await flutterWebViewPlugin.goBack();
    await canLaunch(url) ? await launch(url) : throw 'Could not launch $url';
}

但是这个会有缺点,会显示下错误页面,相当是浏览器无法识别tel这个url协议。
最后换了一种方案,页面上判断是app,调用window.wxGoto.postMessage(“tel:xxxxx”);

import 'package:url_launcher/url_launcher.dart';
JavascriptChannel(
    name: 'wxGoto',
    onMessageReceived: (JavascriptMessage message) async {
        print("收到的参数传入:" + message.message); //String Hello,Flutter
        await canLaunch(message.message) ? await launch(message.message) : throw 'Could not launch $message.message';
    }
),

ios下微信分享和直播无法跳转

这个和flutter没关系,是ios这边的权限问题,
在Info.plist增加

<key>LSApplicationQueriesSchemeskey>
<array>
	<string>weixinstring>
array>

flutter下ios调用相机奔溃

这个和flutter也没关系,是ios这边的权限问题,
在Info.plist增加

Privacy - Photo Library Usage Description
Privacy - Camera Usage Description

flutter下android无法调用相机

由于android的权限升级,相机权限需要弹框让用户选择,不仅仅是xml里配置就可以。
这里偷懒下,直接在app启动的时候,就让用户选择,就不做webview的拦截了。

import 'package:permission_handler/permission_handler.dart';

Future<bool> requestPermission() async {
  late PermissionStatus status;
  // 1、读取系统权限的弹框
  if (Platform.isIOS) {
    //暂无
  } else {
    status = await Permission.camera.request();//相机权限
  }
  //status不做判断,用户可以不给相机权限
  return true;
}
void main() async {
    ....
    await requestPermission();
}

你可能感兴趣的:(taro,flutter,flutter,javascript)