多端开发框架

含义：通过一套代码编译成在 H5/微信小程序/React Native/百度小程序/支付宝小程序等端运行的代码。

技术简介：Taro,uniapp

Taro是一个开放式跨端跨框架解决方案，支持使用React、Vue.js、Nerv等框架来开发小程序、H5、react Native等应用。[3]

跨平台开发：

含义：跨平台概念是软件开发中一个重要的概念，即不依赖于操作系统，也不依赖硬件环境。一个操作系统下开发的应用，放到另一个操作系统下依然可以运行。相对而言如果某种计算机语言不用修改代码即可做到高度跨平台，那么此语言就越抽象，硬件控制力就越低，只适合开发高度抽象的模型系统。诸如PHP和易语言，都已做到了跨平台。它们将可以在多种系统下开发，运行和维护。 [1]

技术简介：fluter

flutter

含义：绘图引擎渲染：flutter,Flutter 是由 Google 开发的，一个跨平台 UI 解决方案.；Flutter是一款 Google 开源的 SDK，可跨平台地为移动端，Web 端，桌面端构建高性能的应用。虽然但是我们着重于 flutter 的移动端跨平台开发功能。

优势：一套代码，直接产出 Android + iOS 两个平台的应用。这是跨平台开发框架的共同优势，不再多说。

工具: Android Studio:Android集成开发工具,Android Studio 是谷歌推出的一个Android集成开发工具，基于IntelliJ IDEA. 类似 Eclipse ADT，Android Studio 提供了集成的 Android 开发工具用于开发和调试。

flutter打包成安卓app

创建项目

flutter create 项目名

添加包命令

flutter pub add wifi_iot

运行命令

flutter run --no-sound-null-safety

打包命令

flutter build apk --no-sound-null-safety

导包错误：（Target of URI doesn’t exist）

flutter packages get

flutter创建安卓项目，webinpappview嵌入网址，并且需要申请相机和麦克风权限

依赖项：

dependencies:

  flutter:

    sdk: flutter

  webview_flutter: ^0.3.10+4

  flutter_inappwebview: ^5.3.2

  permission_handler: 5.1.0+2

  permission: 0.1.7

  oktoast: 2.3.2

  flutter_easyloading: ^3.0.5

    #^6.1.6

  # The following adds the Cupertino Icons font to your application.

  # Use with the CupertinoIcons class for iOS style icons.

  cupertino_icons: ^1.0.5

　　 <uses-permission android:name="android.permission.INTERNET"/>

    <uses-permission android:name="android.permission.VIDEO_CAPTURE" />

    <uses-permission android:name="android.permission.AUDIO_CAPTURE" />

    <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />

    <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />

    <uses-permission android:name="android.permission.ACCESS_BACKGROUND_LOCATION" />

    <uses-permission android:name="android.permission.MANAGE_EXTERNAL_STORAGE" />

    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />

    <!-- 相机权限 -->

    <uses-permission android:name="android.permission.CAMERA" />

    <!-- 麦克风权限 -->

    <uses-permission android:name="android.permission.RECORD_AUDIO"/>

    <uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />

        <!--.接收启动完成的广播权限-->

    <uses-permission android:name="android.permission.RECEIVE_BOOT_COMPLETED" />

import 'dart:async';

import 'package:flutter/material.dart';

import 'package:flutter_inappwebview/flutter_inappwebview.dart';

import 'package:permission_handler/permission_handler.dart';

Future main() async {

  WidgetsFlutterBinding.ensureInitialized();

  // await Permission.microphone.request();

  // await Permission.camera.request();

// 同时申请多个权限：

  await [

    Permission.microphone,

    Permission.camera,

  ].request();

  runApp(const MyApp());

}

class MyApp extends StatefulWidget {

  const MyApp({super.key});

  @override

  // ignore: library_private_types_in_public_api, unnecessary_new

  _MyAppState createState() => new _MyAppState();

}

class _MyAppState extends State<MyApp> {

  @override

  Widget build(BuildContext context) {

    return const MaterialApp(home: InAppWebViewPage());

  }

}

class InAppWebViewPage extends StatefulWidget {

  const InAppWebViewPage({super.key});

  @override

  // ignore: library_private_types_in_public_api, unnecessary_new

  _InAppWebViewPageState createState() => new _InAppWebViewPageState();

}

class _InAppWebViewPageState extends State<InAppWebViewPage> {

  // ignore: unused_field

  late InAppWebViewController _webViewController;

  @override

  Widget build(BuildContext context) {

    return Scaffold(

        // ignore: avoid_unnecessary_containers

        body: Container(

            child: Column(children: <Widget>[

      Expanded(

        // ignore: avoid_unnecessary_containers

        child: Container(

          child: InAppWebView(

              initialUrlRequest: URLRequest(

                  url: Uri.parse("https://kh.tyzfchina.com.cn:4433")),

              initialOptions: InAppWebViewGroupOptions(

                crossPlatform: InAppWebViewOptions(

                  mediaPlaybackRequiresUserGesture: false,

                ),

              ),

              onWebViewCreated: (InAppWebViewController controller) {

                _webViewController = controller;

              },

              androidOnPermissionRequest: (InAppWebViewController controller,

                  String origin, List<String> resources) async {

                return PermissionRequestResponse(

                    resources: resources,

                    action: PermissionRequestResponseAction.GRANT);

              }), //该事件在WebView请求访问指定资源(即安卓原生WebChromeClient.onPermissionRequest event )的权限时触发。

        ),

      ),

    ])));

  }

}

报错解决方案

flutter打包报错 Build failed due to use of deprecated Android v1 embedding.

原因：由于使用了已弃用的 Android v1 嵌入，构建失败。

解决：android/app/src/main下的找到AndroidManifest.xml修改application标签内容如下

<application

 android:name="${applicationName}" //修改之前的android:name="io.flutter.app.FlutterApplication"为这样

 android:label="flutter_nest_page_view"

 android:icon="@mipmap/ic_launcher">

 <meta-data        //添加这个meta-data标签内容

     android:name="flutterEmbedding"

     android:value="2" />

...

</application>

Flutter 3.3.6 中FlatButton, RaisedButton, & OutlineButton找不到

原因：

FlatButton, RaisedButton, and OutlineButton这三个widget 已经有了新的控件替代，并且有新的主题

做对应的替换即可
参考：(59条消息) Flutter 3.3.6 中FlatButton, RaisedButton, & OutlineButton找不到_闪亮的大早的博客-CSDN博客

FlatButton(

  onPressed: onPressed,

  child: Text('Button'),

  // ...

);

RaisedButton(

  onPressed: onPressed,

  child: Text('Button'),

  // ...

);

OutlineButton(

  onPressed: onPressed,

  child: Text('Button'),

  // ...

);

TextButton(

  onPressed: onPressed,

  child: Text('Button'),

  // ...

);

ElevatedButton(

  onPressed: onPressed,

  child: Text('Button'),

  // ...

);

OutlinedButton(

  onPressed: onPressed,

  child: Text('Button'),

  // ...

);

flutter Execution failed for task ‘:audioplayers:compileReleaseKotlin‘.

android->build.gradle文件，修改ext.kotlin_version = ‘1.5.10’

Error: Member not found: ’packageRoot’ in Flutter

flutter pub upgrade

巴特西

flutter-android