在上一篇文章中以简单的方式对Flutter自己提供的演示进行了一个简单的分析，当然那是远远不够。本来打算为大家带来官网上的无限下拉刷新的案例，但是发现这里的有些东西实在是太超前了，作为Flutter入门篇，当然不能这么随意，以为了让大家都能够学有所得，所以今天给大家带来了自己手撸的一个登录。 简单分析布局我们都知道，一个简单的登录需要至少需要3步：输入账号输入密码点击登录那么我们的布局也就至少需
转载
2024-06-24 05:59:04
144阅读
AspectRatio组件AspectRatio组件可以设置子元素child的宽高比//导入了Material UI组件库 ,快捷操作fim
import 'package:flutter/material.dart';
void main() {
runApp(MyApp());
}
//自定义组件
//StatelessWidget:无状态组件，状态不可变的widget
//State
1、概述InheritedWidget原理； InheritedWidget：原理简单来讲，就是A作为InheritedWidget父节点持有需要局部更新的子节点集合_dependents，子节点也持有父节点A引用_inheritedWidgets;当需要局部刷新子节点时候，通知A去重建顺带遍历子节点集合_dependent；当子节点标记为脏节点时候，刷新就会重建所有的局部子节点，类似图中的B…等
Flutter—分久必合，结束百家争鸣的使者Flutter致命优势BaseWidgetBaseWidget 生命周期BaseWidget 实现功能BaseWidget 实现思路 Flutter致命优势当今大前端开发天下，百家争鸣，玲琅满目的框架 、插件害苦了开发人员。 如果你是一名移动端或者前端开发人员，，你还不知道或者还在观望Flutter，这是件多么可怕的事情。 之前对于Flutter我也是
Flutter笔记
用于ORM的Floor框架简记
本文地址：floor 模块地址：https://pub.dev/packages/floor【介绍】：最近想找用于Dart和Flutter的ORM框架，偶然间发现了Floor，觉得还不错，做一些记录。 1. Floor 框架概述1.1 框架简介1.2 框架的构成1.3 安装1.4 架构体系2. 实体（Entity）支持的类型主键外键索引忽略字
转载
2024-06-07 09:50:17
63阅读
上一篇中我记录了基于Flutter的开源中国客户端里网络请求和数据存储的部分，本篇记录的是app中插件的使用，由于很多功能并没有内置到Flutter中，所以我们需要引入一些插件来帮助我们完成某些功能，比如app内网页的加载，图库选择照片等。搜索插件包要使用插件，必须知道插件叫什么名字，目前是什么版本，Flutter提供了一个插件仓库，可以去上面搜索相关的插件，仓库地址为：https://pub.d
Flutter局部刷新 ValueNotifier和ValueListenableBuilder1.介绍在上一篇中Provider，我们介绍了一个Widget Selector,它的目的是为了减少setState((){})带来的全局刷新问题，对于复杂的页面来说，如果仅仅只是其中一小块发生改变，就触发大面积的刷新，很大可能会带来很大的性能问题以及耗电问题
因此官方提供了`ValueNotifie
转载
2024-04-04 10:44:07
333阅读
作为前端程序媛，学习flutter还是有一些不习惯的。由于项目需求，需要一个下拉筛选的功能，找了很多demo,唯独发现咸鱼有类似的功能，但是并没有开源，于是开始自己摸索着写了一下。开始找错了方向，看到有DropdownButton, 功能类似，但是并没有扩展入口去修改内部菜单的样式，以及位置。其实写完了发现，也没有多难，还是不太熟练，嘿嘿。先看一下实现效果： 下面说一下用到的知识点：1
转载
2024-08-06 12:39:42
120阅读
之前我们根据逛丢的数据，介绍了flutter app的开发教程。现在我们得开始完善一下了。一般的app在新打开的时候都会有欢迎页(各叫法不同，此处为个人习惯)，所以本章我们就要为逛丢app增加一个欢迎页。flutter加载资源文件有点不同，需要在pubspec.yaml中注册一下：首先我们先在项目根目录下新建 images文件夹，将我们的图片放进去然后打开 pubspec.yaml 文件，在 fl
转载
2024-03-06 23:08:45
236阅读
flutter SliverAppbar 控件介绍一、使用方法与CustomScrollView、NestedScrollView集成的材质设计应用栏。应用栏由工具栏和其他小部件组成，例如 TabBar和FlexibleSpaceBar。应用栏通常会使用IconButton公开一个或多个常见操作，后者可选地后跟 PopupMenuButton以进行不太常见的操作
构造函数const Sli
转载
2024-06-05 11:39:40
220阅读
什么是SliverAppBar？在Flutter中，SliverAppBar是AppBar部件的继承者，它允许您创建浮动的应用栏效果。SliverAppBar在屏幕向上滚动时展开AppBar，向下滚动时折叠。当用户向下滚动一个长的列表时，你也可以完全删除或隐藏AppBar。SliverAppBar有很多自定义选项，所以你可以根据你的需要来定制它。如果你是一个视觉学习者，可以看看这个快速视频教程。下
文章目录一、什么是Flutter1. 跨平台框架分类二、Flutter框架结构三、搭建Flutter开发环境1. 使用镜像2. Flutter下载和安装1）下载flutter SDK2） 环境变量配置3）利用flutter doctor命令检查开发环境flutter doctor 检测3. Android Studio 配置与使用1）Android Studio 配置2）Android Stud
简介：需要导入的库dio: ^3.0.9 json_serializable: ^3.3.0 dio_cookie_manager: ^1.0.0 dio_http_cache: ^0.2.6介绍： 在自己的这个封装中集成了显示日志缓存cooker缓存结果##代码import 'dart:convert';
import 'package:chuanzhi/contract/api.dart';
转载
2024-09-12 09:00:33
84阅读
Flutter 是什么？Flutter 是来自谷歌的一个出色的跨平台框架，可用来为移动、桌面和 Web 平台构建应用程序。它于 2018 年 12 月正式发布，仅用了不到一年的时间就在 GitHub 和 StackOverflow 上获得了比 React Native 更高的知名度。所有这些热度背后都是有一个很好的理由来支撑的，这篇文章就会具体解释这个原因。为什么又要出一个框架？当我向软件产业的从
学习资料4月28日-5月11日 按照这个视频边学习边敲代码视频学习 争取两个星期把flutter和dart搞定！！！！5月12日半夜更新学习日志 基本内容学的超不多了，感觉声明式编程真的好爱~~Android原生好久没搞了。接下来练几个Flutter项目！边学边找工作，相信自己，虽然二战考研失败了，但日子总是要过得… 加油！希望能在六月份之前在杭州找到工作！！案例代码点击跳转dart语法学习代码点
一、Dart语言简介 百度（玄语）： Dart是谷歌开发的计算机编程语言，后来被Ecma (ECMA-408)认定为标准 。它被用于web、服务器、移动应用 和物联网等领域的开发。它是宽松开源许可证（修改的BSD证书）下的开源软件。 Dart是面向对象的、类定义的、单继承的语言。它的语法类似C语言，可以转译为JavaScript，支持接
一、Flutter 基础1.概念2018年2月27日，在2018世界移动大会上，Google发布了Flutter的第一个Beta版本。Flutter是Google用以帮助开发者在Ios和Android两个平台开发高质量原生应用的全新移动UI框架，点击查看Flutter介绍视频。2.背景在全球，随着Flutter被越来越多的知名公司应用在自己的商业APP中，Flutter这门新技术也逐渐进入了移动开
FLUTTERFlutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界，Flutter正在被越来越多的开发者和组织使用，并且Flutter是完全免费、开源的。基础布局组件：widget说明Container容器布局Center居中布局Padding填充布局Align对齐布局Colum垂直布局Row水平布局Ex
一个组件它往往包含了一些常见的painting, positioning和sizing这样的小部件。Container相当于我们常用的div，在Flutter中用的非常多，现在来看看Container容器中的一些属性。1、alignment这个属性是针对容器中的child的对其方式。我们先做一个效果：建立一个Container容器，然后让容器里面的文字内容居中对齐。 具体代码如下：imp
转载
2024-06-22 19:28:21
167阅读
介绍Bedrock开发框架功能介绍Bedrock开发框架常见的Widget刷新一般在flutter中刷新widget，最常用的是通过方法setState()举个栗子，有页面如下伪-代码如下：build(){
debugPrint('page build');
return Column(children: [
//上方按钮
btnAbove(),
转载
2024-05-08 10:22:38
67阅读
