flutter-android

多端开发框架

含义：通过一套代码编译成在 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