Flutter学习第6页

Flutter学习笔记--Dart基础

前言Flutter使用Dart语言开发,Dart是面向对象编程语言,由Google2011年推出,目前最新版本是2.4.0.工欲善其事,必先利其器.为了更好的开发Flutter应用,我们先来熟悉一下Dart的基本语法Hello,world!学习任何一门编程语言时,基本上都是输出一个Hello,world!本文档采用的编辑器是AndroidStudio(因为本人是做Android开发的)进行开发新建

weixin_30437337·2023-04-01 23:31

Flutter学习笔记25-CustomScrollView

CustomScrollView是可以使用Sliver来自定义滚动模型（效果）的组件。它可以包含多种滚动模型，假设有一个页面，顶部需要一个GridView，底部需要一个ListView，而要求整个页面的滑动效果是统一的。如果使用GridView+ListView来实现的话，就不能保证一致的滑动效果，因为它们的滚动效果是分离的，这时就可以使用CustomScrollView。在CustomScrol

zombie·2023-04-01 23:43

Flutter学习--Padding组件

一、介绍Flutter中很多Widget是没有padding属性。这个时候我们可以用Padding组件处理容器与子元素直接的间距二、源码constPadding({Keykey,@requiredthis.padding,//间距Widgetchild,//子组件}):assert(padding!=null),super(key:key,child:child);三、属性介绍值说明padding

小迷糊_dcee·2023-04-01 21:56

Flutter学习-问题汇总-不定期更新

Flutter学习-问题汇总-不定期更新NoDirectionalitywidgetfound.在外层嵌套Directionality@overrideWidgetbuild(BuildContextcontext

zjwangchao·2023-04-01 21:17

Android跨平台：请收好这份快速入门Flutter的学习指南！

示意图今天，我将献上一份《全面&详细的Flutter学习指南》，希望你们会喜欢。

Carson带你学安卓·2023-04-01 15:12

Flutter学习笔记15-填充（Padding）

Padding可以给其子节点添加填充（留白），和边距效果类似。源码如下：...constPadding({Keykey,@requiredthis.padding,Widgetchild,}):assert(padding!=null),super(key:key,child:child);finalEdgeInsetsGeometrypadding;...EdgeInsetsEdgeInsets

zombie·2023-04-01 10:11

Flutter学习笔记1.8 Dart基础（第三方库导入使用， Async Await.dart 延迟加载）

Flutter学习笔记1.1Dart基础（变量常量命名规则基本类型Flutter学习笔记1.2Dart基础（运算符条件判断类型转换）Flutter学习笔记1.3Dart基础（循环语句for,while,

Allyn的背包·2023-03-30 13:28

Flutter学习笔记

本篇文章是学习fluter的部分内容总结跨平台根据其原理，主要分为三类：1.H5+原生（Cordova，Ionic，微信小程序）h5代码是运行在webview中，而webview实质上就是一个浏览器内核，其JavaScript依然运行在一个权限受限的沙箱中，所以对于大多数系统能力都没有访问权限，如无法访问文件系统，不能使用蓝牙等。2.JavaScript开发+原生渲染（ReactNative,We

内心强大的Jim·2023-03-30 03:32

Flutter学习-备忘录

1.页面跳转：除了Navigator.of(context).pushNamed('pageA');之外还可以通过MaterialPageRoute跳转MaterialPageRoute是一种路由模版，它根据平台自适应替换整个页面。Navigator.push(context,MaterialPageRoute(builder:(BuildContextcontext)=>PageB()))跳转其

刚刚8888·2023-03-29 00:25

flutter学习笔记二

Isolate--------------------------------------------------------通过Isolate传递消息voidmain(){runApp(MyApp());try{/***ReceivePort*/SendPortchildSendPort;ReceivePortreceivePort=newReceivePort();Isolate.spawn(

B_f773·2023-03-28 06:34

flutter学习记录

先看效果:GIF2021-4-1315-01-58.gif)学习路线一文了解Dart语法Flutter第3天--基础控件(上)flutter路由网络请求和实体封装多语言和主题切换源码地址一直觉得Flutter只是个中介者，每个平台的项目都是独立的。并非是OneForAll(一者承担所有)，而是AllByOne(所有的都可以做)，比如你想要DIY修改Android平台的代码,用AndroidStud

茴香豆的第五种写法·2023-03-27 13:34

ChiOS-我的Flutter学习笔记

1.让所有的输入框失去第一响应者（失去焦点）FocusScope.of(context).requestFocus(FocusNode());2.release包无法请求网络android\app\src\profile\AndroidManifest.xml文件中android/src/main/AndroidManifest.xml文件中···3.富文本RichText(textAlign:T

ChiOS·2023-03-26 11:43

Flutter学习笔记(dart 语法篇)

//可空类型int?aa=null;//抽象类abstractclassDrinkWater{voiddrink();}//别名typedefAgeBlock(Stringname);classPerson{Stringname="";Stringcode="";Int_age=0//私有属性当前文件可访问，是新建的文件就无法访问了getage{return_age;}lateAgeBlockna

lotawei·2023-03-26 06:01

Flutter学习笔记1.6 Dart基础（对象类构造函数类的私有化静态类转换继承）

Flutter学习笔记1.1Dart基础（变量常量命名规则基本类型Flutter学习笔记1.2Dart基础（运算符条件判断类型转换）Flutter学习笔记1.3Dart基础（循环语句for,while,

Allyn的背包·2023-03-25 22:51

Flutter学习笔记（三）：文本输入框TextField

TextField用于文本输入，它提供了很多属性，通过源码查看一下主要属性的作用：constTextField({Keykey,this.controller,this.focusNode,this.decoration=constInputDecoration(),TextInputTypekeyboardType,this.textInputAction,this.textCapitaliza

睿丶清·2023-03-25 20:20

flutter学习笔记

1、flutter的开始1、认识文件夹在这里插入图片描述文件夹名称作用androidandroid平台相关代码iosios平台相关代码libflutter相关代码，主要编写的代码放入该文件夹test用于存放测试代码pubspec.yaml配置文件，项目相关信息，一般存放第三方库的依赖2、入口文件/入口方法入口文件：flutter项目的lib目录里面都有一个main.dart这个文件就是flutte

Y__W·2023-03-25 14:21

Flutter学习--ListView

一、介绍Listview最常见的滚动小部件，在设置的滚动方向上，一个一个的显示它的子项。二、源码ListView({Keykey,AxisscrollDirection=Axis.vertical,//滚动方向boolreverse=false,//组件反向排列ScrollControllercontroller,//滚动监听器boolprimary,//值为false内容不足不可滚动，值为tru

小迷糊_dcee·2023-03-25 01:51

Flutter学习-Dart学习

1.var赋值后类型确定2.Object是Dart所有对象的根基类，也就是说所有类型都是Object的子类(包括Function和Null)3.dynamic的这个特性与Objective-C中的id作用很像.4.Dart是一种真正的面向对象的语言，所以即使是函数也是对象，并且有一个类型Function。这意味着函数可以赋值给变量或作为参数传递给其他函数，这是函数式编程的典型特征。5.包装一组函数

刚刚8888·2023-03-23 21:03

Flutter学习站点及项目中遇到的问题

学习站点flutter社区中文资源Flutter实战[书]闪屏页Flutter闪屏页实现组件学习150多个Flutter组件详细介绍送给你Flutter之Offstage组件Flutter之ClipOval组件Flutter之ClipRRect组件Flutter之Expanded组件flutter控件之InkWellFlutter之Opacity组件Flutter-加载网络图片的几种方式Physi

小小程序员jh·2023-03-22 13:48

2019-10-13 Flutter学习(二)之Flutter Container组件、Text组件详解

一、FlutterText组件图1图2图3二、Container组件图4图5说明：border:Border.all(),是用来设置边框的颜色，线的样式，宽度等等border.BoxDecoration()用来设置整个边框组件的颜色，样式borderRadius用来设置圆角padding:EdgeInsets.all(20),表示内边距20；如果内边距不等padding:fromLTRB(left

六桥明月夜·2023-03-22 13:40

Flutter学习（三）bottomNavigationBar切换状态重置问题

Flutter学习（三）bottomNavigationBar切换状态重置问题点击切换tabbar的时候每次页面都会重置，状态不会保存，下面附上解决办法：使用AutomaticKeepAliveClientMixin

nibote·2023-03-22 07:00

分享最近找到的flutter学习工具

最近在学习用flutter开发一下东西，到处收藏一下flutter学习学习资源，看到最近有一款软件flutter示例+还不错，特地分享一下：有Dart基础知识，flutter基本组件，还有个demo示例参考学习

Juanlin·2023-03-21 22:58

flutter学习的几个网站

super_chao·2023-03-21 05:02

Flutter学习笔记 - 布局基础

RowandColumn是Flutter世界非常重要的两个widgets。Row和Column1.主轴空间Row的主轴是指水平方向的轴，Column的主轴是指竖直方向的轴属性：mainAxisSize它决定了此Row沿着水平方向占用空间的大小。默认情况下，mainAxisSize的值为MainAxisSize.max，这意味着Row将会占用所有可用的水平方向空间。你可以使用MainAxisSize

wenzhu·2023-03-20 17:51

Flutter 学习（六）软键盘弹出顶掉内容、防止键盘超出屏幕

Flutter学习（六）软键盘弹出顶掉内容、防止键盘超出屏幕在使用输入框获取焦点弹出键盘的时候内容内顶掉解决办法returnScaffold(appBar:AppBar(title:newText("通讯录

nibote·2023-03-20 01:57

Flutter学习目录

Flutter的开发环境搭建1、安装Flutter（androidstudio）Flutter结构和导航1、BottomNavigationBar，底部导航条2、Route和Navigator（一），路由（页面跳转）3、Route和Navigator（二），路由（页面跳转）4、Route和Navigator（三），路由（页面跳转）5、AppBar、TabBar，应用状态栏6、通过TabContro

小迷糊_dcee·2023-03-19 11:49

Flutter学习基础组件之Stack/Positioned

Stack/Positioned是用来做页面布局定位的组件，需要结合使用Stackchildren:一个数组，里面可放多个Widgetalignment:Alignment.topCenter//对齐方式，会对所有的子组件统一设置对齐，不灵活，一般不用Positionedchild:一个子组件left,top,right,bottom,width,heigh://设置这些值会改变子组件的大小，位置

给你快乐·2023-03-18 18:34

flutter学习笔记-02-官方demo my_friendlychat- step04 debug

codelabsdemo功能、官方步骤1:模拟聊天界面2:根据学习dart代码是的布局、事件绑定3:构建组件4:简单的动画展示5:根据ios、或android显示界面6:flutter在androidstudio中调试使用Flutter构建精美的界面(flutter-io.cn)debug其实类似Android、java函数上设置断点来练习使用调试程序，然后运行和调试应用。您可以检查堆栈框架以查看

牵手生活·2023-03-18 12:31

flutter学习之环境安装及相应问题处理方案

flutter是google使用dart语言开发的免费的可以运行在android和ios平台上的应用，并且经过大量测试反馈，有良好的性能，质量。flutter是基于Dart语言的，相对于有以下优点:开源热重载跨平台扩展性强这里开始准备安装flutter环境（由于我是一位android开发所以这次的安装也是基于AndroidStudio的）1.先看看环境对硬件的要求1.win7sp1或者更高版本（6

Mr丶xi先森·2023-03-17 13:46

Flutter学习笔记（二）

一、函数1.1函数的基本定义Dart是一种真正的面向对象语言，所以即使函数也是对象，所有也有类型,类型就是Function。函数的定义方式:返回值函数的名称(参数列表){函数体return返回值}例子：intsum(numnum1,numnum2){returnnum1+num2;}//EffectiveDart建议对公共的API,使用类型注解,但是如果我们省略掉了类型,依然是可以正常工作的sum

送我迷迭香·2023-03-16 21:40

Flutter学习之旅-FlatButton

1.简介通过填充颜色对触摸作出反应在工具栏上；FlatButtons故意不具有可见边框，因此必须依赖于它们相对于其他内容的位置以用于上下文；在对话框和客片中，它们应该组合在一个底角中。避免使用平面按钮，它们会与其他内容混合，例如在列表中间；2.基本用法如果onPressed回调为null，则将该按钮将被禁用，不会对触摸作出反应，并且将按照disableColor属性而不是color属性指定的颜色进

Self_Time·2023-03-16 00:44

记录一些flutter学习网址

字体图标生成http://fluttericon.com/Flutter中文网https://flutterchina.clubFlutter官网https://flutter.ioFlutter中文社区https://www.flutter123.netFlutter中文开发者论坛http://flutter-dev.cn/Flutter|Dart语言中文社区http://www.cndartl

随风_6b0c·2023-03-15 22:49

Flutter学习笔记34-主题

Theme组件可以为MaterialAPP定义主题数据（ThemeData）。Material组件库里很多组件都使用了主题数据，如导航栏颜色、标题字体、Icon样式等。Theme内会使用InheritedWidget来为其子树共享样式数据。ThemeDataThemeData用于保存是Material组件库的主题数据，Material组件需要遵守相应的设计规范，而这些规范可自定义部分都定义在The

zombie·2023-03-15 21:48

2020-11-03

Flutter学习打卡2020-11-03021.快速创建Widgetstle------>快速创建StatelessWidgetclasshaahhextendsStatelessWidget{@overrideWidgetbuild

詹姆斯洪尼古拉斯利·2023-03-15 14:41

Flutter学习笔记-使用decoration对Container装饰边框

import'package:flutter/cupertino.dart';import'package:flutter/material.dart';voidmain()=>runApp(MyApp());classMyAppextendsStatelessWidget{Widgetbuild(BuildContextcontext){returnMaterialApp(title:"flut

yyxgs·2023-03-15 06:19

Flutter学习之旅-混合开发Part2

什么是PlatformView为了能让一些现有的Native控件直接引用到FlutterApp中，Flutter团队提供了PlatformView，允许NativeView嵌入到FlutterWidget体系中，完成Dart代码对NativeView的控制。PlatformView主要包括：AndroidView和UIKitView如何使用PlatformViewAndroidViewclassA

小码农沐枫·2023-03-11 23:12

iOS原生项目引入Flutter学习记录之环境配置（一）

最近才学习Flutter，记录一下遇到的问题。第一步：保证Xcode和MacOS系统是最新版本第二步：去flutter官网下载安装包入门:在macOS上搭建Flutter开发环境-Flutter中文网，下载之后mac会自动解压，将解压的文件放到你想放的目录底下，我这里放在个人->新建了文件夹flutter_Mac里面第三步：配置flutter的环境，打开终端输入命令vim~/.bash_profi

夜的第七章_·2023-03-11 15:04

Flutter学习笔记-Scaffold自定义导航返回按钮

使用系统提供的脚手架Scaffold，需要自定义返回按钮，代码：Widgetbuild(BuildContextcontext){returnScaffold(appBar:AppBar(elevation:0,//导航栏和内容之间没有阴影leading:GestureDetector(onTap:(){Navigator.of(context).pop();},child:Image.asset

u010186280·2023-03-11 08:39

Flutter学习之旅-CheckboxListTitle

1.简介带有复选框的ListTitle,带有标签的ListTitle.整个列表图块是交互式的：点击图块中的任意位置可切换复选框；2.基本用法与Checkbox类似的命名属性，比如：onChanged和activeColor；和ListTitle类似的命名属性，比如：title，subTitle，isThreeLine,dense;selected属性和ListTitle.selected属性相似，

Self_Time·2023-03-11 07:08

膜拜大佬！Android面试真题解析火爆全网，完整PDF

ViewPager布局处理ViewPager事件处理相关内容技能储备（一）架构师必备Java基础（二）设计思想解读开源框架（三）360°全方位性能优化（四）Android框架体系架构（五）NDK模块开发（六）Flutter

椰果学Android·2023-03-10 17:57

Flutter学习之布局

最近在学习Flutter，在这里把学的的一些记录记下来，当做是自己的笔记吧；Flutter是谷歌的移动UI框架，可以快速的再iOS和Android上构建高质量的原生用户界面。Flutter可以与现有的代码一起工作；而且随着Flutter的成熟被越来越多的开发者和公司所接受，而且Flutter是完全免费、开源的；Flutter的布局Flutter引用了大量的Web开发知识，比如FlexBox布局方式

望月Jarvis·2023-03-10 14:38

Flutter学习笔记六(写一个应用启动页)

在我们开发应用的时候都会写一个启动页来过渡会在里面初始化一些东西比如加载广告图片之类的，下面我将介绍如何用flutter制作一个启动页面并在3秒后自动跳转到主页。因为比较简单我直贴代码了import'package:flutter/material.dart';import'dart:async';classSplashextendsStatefulWidget{@override_SplashS

AJI大侠·2023-03-10 02:43

Flutter学习之Navigator的高级用法分享

目录简介namedroutes给namedroute传参数从Screen返回值向Screen传值总结简介上篇文章我们讲到了flutter中navigator的基本用法，我们可以使用它的push和pop方法来进行Router之间的跳转。在flutter中一个Router就是一个widget，但是在Android中，一个Router就是Activity,在IOS中，一个Router是一个ViewCon

·2023-03-08 21:42

Flutter学习之SliverList和SliverGird的使用详解

目录简介SliverList和SliverGird详解SliverList和SliverGird的使用总结简介在上一篇文章我们讲解SliverAppBar的时候有提到过，Sliver的组件一般都用在CustomScrollView中。除了SliverAppBar之外，我们还可以为CustomScrollView添加List或者Grid来实现更加复杂的组合效果。今天要向大家介绍的就是SliverLi

·2023-03-08 21:39

Flutter学习之实现自定义themes详解

目录简介MaterialApp中的themes自定义themes的使用总结简介一般情况下我们在flutter中搭建的app基本上都是用的是MaterialApp这种设计模式，MaterialApp中为我们接下来使用的按钮，菜单等提供了统一的样式，那么这种样式能不能进行修改或者自定义呢？答案是肯定的，一起来看看吧。MaterialApp中的themesMaterialApp也是一种StatefulW

·2023-03-08 21:37

Flutter学习笔记（一）——环境配置

最近刚开始看Flutter，所以打算写一些学习笔记，记录自己在学习过程中遇到的一些问题。现在网上已经有很多学习Flutter的网站，比如https://flutter-io.cn/，上面有很详细的开发文档，大家可以按照上面的步骤一步一步进行学习。这里只记录一些实际操作中遇到的问题。先说环境配置：Flutter在Windows，MacOS，Linux，ChormeOS等操作环境上都可以进行安装。本人

镌刻心语·2023-02-18 22:15

Flutter学习八之滑动组件ListView和GridView的使用

今天我们用Flutter来实现这样的一个页面，类似于一个分组列表，在Android中如果要实现一个这样的页面，实现想到的肯定是RecycleView，然后通过在adapter中设置两个item样式根据在数据中新增一个标示来区分是标题还是内容，一个控件就能搞定，但是在Flutter中并没有适配器的概念，那如果要实现这样的一个布局该怎么办？ListView嵌套GridView通过分析页面得知，这应该是

儿歌八万首·2023-02-17 15:43

Flutter学习-初了解

跨平台技术H5+原生（Cordova、Ionic、微信小程序）大多数功能都是H5实现的话，我们称其为WebAPPJavaScript开发+原生渲染（ReactNative、Weex、快应用）JavaScript调用原生API，预先实现一系列API供JavaScript调用。DOM树与响应式编程。1.布局消息传递；将虚拟DOM布局信息传递给原生；2.原生根据布局信息通过对应的原生控件渲染控件树；优点

刚刚8888·2023-02-07 02:58

Flutter学习笔记1.3 Dart基础（循环语句 for,while, do...while, 多维列表循环,自增自减）

自增自减++/--表示自增/自减1说明:在赋值运算里面如果++--写在前面这时候先运算再赋值，如果++--写在后面先赋值后运行运算voidmain(){vara=10;varb=a--;print(a);//9print(b);//10vara=10;a++;a=a+1;print(a);vara=10;a--;a=a-1;print(a);vara=10;varb=a++;print(a);//

Allyn的背包·2023-02-07 00:51

Flutter学习笔记（一）

先附上学习和参考的网站Flutter中文网Flutter实战初识Flutter简介Flutter是Google推出并开源的移动应用开发框架，主打跨平台、高保真、高性能。开发者可以通过Dart语言开发App，一套代码同时运行在ios和Android平台。Flutter提供了丰富的组件、接口，开发者可以很快地为Flutter添加native扩展。同时Flutter还使用Native引擎渲染视图，为用户

gerryjia·2023-02-06 22:42

推荐频道

Flutter学习