用来绑定复杂的数据类型 如 对象 数组无需 .value 操作 基本使用 <template>  <div>this is hello world</div>  <h1>{{ obj.name }}</h1></template><script set…

基本用法 ref <template> <h1>{{data.name}}</h1></template><script setup lang="ts">import {ref} from "vue"const data = ref({name:'zhangsan'})data.name.…

场景：在使用 ListView 组件时候，如果渲染多个 input 组件，在滚动时会出现 input 的值被销毁； 原因在于 listView 组件的垃圾回收机制，如果子组件脱离了视口会在内存中销毁，等下次会被重新渲染 使用 SingleChildScrollView 替代 ListView SingleChildScrollView ( chil…

引用 flutter 自带的 services 组件 import 'package:flutter/services.dart' 使用在 main.dart 中 包裹 runApp 组件中 SystemChrome.setPreferredOrientations([DeviceOrientation.landscapeLeft]).th…

在视图层的使用 WillPopScope 做根组件 import 'package:flutter/material.dart'; class HomeView extends GetView<HomeController> { HomeView({Key? key}) : super(key: key); @override Widget …

引用第三方工具库 flutter pub add intl 封装成方法 import 'package:intl/intl.dart';/**时间格式化 */formatTime(timeStamp,{format="yyyy-MM-dd HH:mm:ss"}){    if(timeStamp != null &&am…

当在 controller 中定义一个自定义类型的 LIst 的时候, 如果我们想要将这个 List 通过 map 方法渲染到页面时,会报错提示类型不是 Widget . Container( width: double.infinity, margin: const EdgeInsets.only(top: 10), child: Wrap( c…

使用第三方插件 connectivity_plus 用来监听切换网络的变化network_info_plus 用来获取 wifi 的名称 值得注意的是 根据文档中配置 network_info_plus 获取wifi的名称返回的是 null, 原因是需要获取安卓的权限,还需要通过获取应用的定位信息 第一步配置安卓权限 在 android/app/s…

场景: 在使用 TextField 表单组件时,长按表单的 复制\粘贴 功能时英文提示, 下面的示例将其变为中文 使用第三方插件 flutter_localizations 在 main.dart 中配置 import 'package:flutter/material.dart';import 'package:flutter_localizat…

使用 signature 第三方库完成 flutter 的电子签名, 在 flutter3.0 中验证使用正常 安装 signature: ^5.3.2 使用 封装了 signature 可以直接使用的地方调用 MySigature(onClone(){get.back();}) import 'dart:developer';import 'pa…