开发Flutter项目中，在Android平台下让状态栏透明，如下配置：import 'dart:io'; import 'package:flutter/material.dart'; import 'package:flutter/services.dart'; void main () { runApp(const MyApp()); /// 配置如下： /// Android状态栏透明 if (Platform.isAndroid) { SystemUiOverlayStyle systemUiOverlayStyle = const Sys...

阅读全部

在Flutter 2.x版本中将Http返回的结果转Dart稍微和前几个版本有些许差异，具体演示说明如下。Ps:在这里我用一个网上的开源api来示例请求接口地址：https://v1.hitokoto.cn/接口返回的Json对象如下：{ "id":3931, "uuid":"afc68395-6e1c-429c-b322-f1b7f4d43eba", "hitokoto":"嘿！活着是件很好的事", "type":"e&quo...

阅读全部

开发应用时（在Android11.0【Android API 30】环境下）使用Webview插件加载页面出现如下图情况: 用模拟器尝试了下其他几个版本，发现8.0版本以下的都是可以正常显示网页的，于是上网查了下原因是说从Android9.0（也就是API 28）开始，默认情况下禁用明文支持。所以url无法在webview中加载。解决办法就是在AndroidManifest中application节点内添加android:usesCleartextTraffic="true"，如下:<manifest xmlns:android="http://schemas.andr...

阅读全部

Flutter 2默认启用了空安全，所以通过Flutter 2创建的项目是已经开启了空安全的检查的，另外，也可以可以通过下面命令来查看你的Flutter SDK版本：flutter doctor那么，如何手动开启和关闭空区安全的？environment: sdk: ">=2.12.0 <3.0.0" //sdk >=2.12.0表示开启空安全检查提示：一旦项目开启了空安全检查，那么你的代码包括项目所依赖的三方插件必须是要支持空安全的否则是无法正常编译的。开启空安全之后，然后运行下项目你会看到很多的报错，然后定位到报错的文件，对项目进行空安全适配。...

阅读全部

Flutter 2.0空安全之最小必备知识从Flutter 2开始，Flutter便在配置中默认启用了空安全，通过将空检查合并到类型系统中，可以在开发过程中捕获这些错误，从而防止再生产环境导致的崩溃。{dotted startColor="#ff6c6c" endColor="#1989fa"/}什么是空安全时至今日，空安全已经是一个屡见不鲜的话题，目前像主流的编程语言Kotlin、Swift、Rust 等都对空安全有自己的支持。Dart从2.12版本开始支持了空安全，通过空安全开发人员可以有效避免null错误崩溃。空安全性可以说是Dart语言的重要补充，它通过区分可空类型和非可空类型进...

阅读全部

在Flutter中目前使用比较多的音频插件就是audioplayers啦。 插件地址：audioplayers 在项目的pubspec.yaml中引入audioplayers插件：dependencies: flutter: sdk: flutter ...... # 引入audioplayers插件:当前官方最新版本为0.20.1 audioplayers: ^0.20.1初始化AudioPlayer ：AudioPlayer player = new AudioPlayer ();开始播放 ：开始播放音频player.play('http://bkybk.co...

阅读全部

在Flutter的页面生命周期，着重分析StatefulWidget这个组件。因为无状态的组件StatelessWidget只有createElement 与 build两个生命周期方法，相对比较好理解，这里就不在赘述了。StatefulWidget的生命周期方法按照时期顺序不同，可以分为三组，分别为：初始化时期、更新时期、销毁时期1. 初始化时期的方法 createState：当我们构建一个新的StatefulWidget时，这个会立即调用；并且这个方法必须被覆盖 initState：这是创建Widget时调用的除构造方法外的第一个方法； 类似于Android的：onCreate...

阅读全部