flutter学习

Flutter学习之布局

前言：先上效果图一、使用图片步骤1.根目录新建images文件夹并copy图片到此文件夹2.在assets中声明此图片assets:-images/icon.jpg3.使用newImage.asset('images/bg.jpg',height:400.0,width:MediaQuery.of(context).size.width,fit:BoxFit.fill,)二、常用布局Row、Col
Herbert布衣·2018-12-29 10:37

Flutter学习笔记三——Container 容器组件

官方文档地址Container（容器控件）在Flutter是经常使用的控件，它就相当于我们HTML里的标签，每个页面或者说每个视图都离不开它。其实容器的作用就是方便我们进行布局的。Alignment属性这个属性针对的是Container内child的对齐方式，也就是容器子内容的对齐方式，并不是容器本身的对齐方式。建立一个容器，然后容器内加入一段文字"HelloWorld",并让它居中对齐。body
Love零O·2018-12-24 17:00

一、Flutter学习之Dart基本数据类型

阅读本文大概需要3分钟Dart内置了七种类型：Number、String、Boolean、List、Map、Runes、Symbol；Number其自类型有两种：int，范围是-2^53~2^53；double，64-bit(双精度)浮点数，符合IEEE754标准；常见的运算符：+，-，*，/，～/（取整），%（取余），如下：一、intnum;print(num);输出null二、doublenu
昵称4·2018-12-06 23:00

Flutter学习笔记2_组件

基础Widget主要文章:widget概述-布局模型Flutter有一套丰富、强大的基础widget，其中以下是很常用的：Text：该widget可让创建一个带格式的文本。Row、Column：这些具有弹性空间的布局类Widget可让您在水平（Row）和垂直（Column）方向上创建灵活的布局。其设计是基于web开发中的Flexbox布局模型。Stack：取代线性布局(译者语：和Android中的
冬絮·2018-12-06 15:06

Flutter学习笔记2_组件

基础Widget主要文章:widget概述-布局模型Flutter有一套丰富、强大的基础widget，其中以下是很常用的：Text：该widget可让创建一个带格式的文本。Row、Column：这些具有弹性空间的布局类Widget可让您在水平（Row）和垂直（Column）方向上创建灵活的布局。其设计是基于web开发中的Flexbox布局模型。Stack：取代线性布局(译者语：和Android中的
冬絮·2018-12-06 15:06

Flutter学习之从Flutter App样例分解Flutter应用程序的基本结构

Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。Flutter可以与现有的代码一起工作。在全世界，Flutter正在被越来越多的开发者和组织使用，并且Flutter是完全免费、开源的。试用了一下，样例展示还不错，兼容多个开发环境，一次编码，完成两个平台应用的生成，有点意思！样例链接：https://flutterchina.club/get-star
做个有意思的人·2018-11-30 10:10

flutter学习日志（一）【flutter的安装和环境配置 windows】

首先定他一个小目标：->->目标：命令行输入flutterdoctor（检测flutter所需环境）得到下图所示->->->目标分解：->安装flutter（上图中第一个√get）安装jdk安装androidstudio安装androidsdk（上图中第二个√get）安装dart和flutter插件（上图中第三个√get->->->第零步：建立几个空文件夹1.如下图所示，首先建立文件夹D:\Flu
wx59bc957f748cc·2018-11-28 18:54

Flutter学习记录（二、Flutter项目学习Widget）

在flutter当中，所有页面元素都是一个Widget，一个文本显示是widget，一个包含文本显示的容器也是widget，下面是三个demo：1、一个简单的显示titlebar的appimport'package:flutter/material.dart';voidmain()=>runApp(newMaterialApp(title:'FlutterTutorial',home:newHom
cuixuefeng1112·2018-09-20 16:34

Flutter学习之Dart基础数据类型

简介既然Dart是一门语言，那么就和我们所知道语言一样，有基本的数据类型以及常见的流程处理语法，那么我们就来了解下。Dart的所有东西都是对象，包括数字，函数等。它们都继承自Object，默认是都是null（包括数字），所以数字，字符串都可以调用各种方法。常亮与变量变量使用var声明变量，可赋予不同类型的值；未初始化时，默认值为null；使用final声明一个只能赋值一次的变量voidmain()
Wayfreem·2018-09-17 21:39

Flutter学习笔记10 (Json解析以及从网络获取数据并显示)

一、Json的解析首先看官方文档的介绍:https://flutter.io/json/中文大家可能叫做Json的序列化和反序列化。因为现在的API大多是Restful，json格式的，所以这也是最常用到的技术了。Flutter里一般来说有两种方法，第一个就是最简单的手工来解析，适合简单的小app或demo演示。1）一个localjson文件解析的小例子：https://github.com/ni
W1nt3rs·2018-08-10 21:37

Flutter学习笔记8 (Card Widget)

之前快速过了一些Flutter里的主要概念。现在我花时间细看了一些Flutter里的UI组件，最常用的就是List和Card。选择最合适的组件和颜色，让用户对app感到愉悦，就是好的设计。Google的设计语言是MaterialDesign，质感的设计，将打印材料的理念科幻一般的放入了小小的移动屏幕中。非常值得仔细阅读和学习，对于最佳实践和不好的设计，都会有一些例子。比如Card，主要是用于将一组
W1nt3rs·2018-08-10 20:34

Flutter学习之路---------第一个Flutter项目

Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。Flutter可以与现有的代码一起工作。在全世界，Flutter正在被越来越多的开发者和组织使用，并且Flutter是完全免费、开源的。Flutter中文网（有安装和搭建Flutter的教程）https://flutterchina.club安装Flutter和Dart插件启动AndroidStudio
切切歆语·2018-08-06 22:56

Flutter学习笔记4-dart:math

引用import'dart:math';三角学//Cosineassert(cos(pi)==-1.0);//Sinevardegrees=30;varradians=degrees*(pi/180);//radiansisnow0.52359.varsinOf30degrees=sin(radians);//sin30°=0.5assert((sinOf30degrees-0.5).abs()<
Realank·2018-08-02 09:12

Flutter学习笔记--仿闲鱼底部导航栏带有中间凸起图标

霸图镇楼仿闲鱼底部导航栏带有中间凸起图标需求情景:需要实现一个类似闲鱼APP的底部导航栏的实现Demo地址:https://github.com/hanlin19900610/flutter_bottom_navigation_bar要实现的效果如图好的,下面开始上代码了:一.在main.dart文件中,定义APP的入口信息import'package:flutter/material.dart'
田汉林·2018-08-01 14:42

Flutter学习笔记4 (交互)

然后是Flutter里的交互(Interactive)。这里有几个知识点：1)StatelessWidget和StatefulWidget2)自定义Widget首先完成了官方教程：https://flutter.io/tutorials/interactive/接着上一个Layout的练习，按星星就会取消收藏，数字减一。由41变为40。大致的实现思路就是将图标写成一个自定义的StatefulWid
W1nt3rs·2018-07-22 15:46

Flutter学习之旅（一）创建你的第一个Flutter应用程序

前言Flutter,Google推出的跨平台开发框架。就在前几天，Flutter的首个发布预览版（ReleasePreview1）正式发布！即将迎来Flutter正式版（1.0）。本篇将带你创建第一个Flutter应用（Windows环境）。安装1.下载FlutterSDKFlutterSDK点击下载1-1.点击上面地址下载FlutterSDK，将下载的zip文件解压后复制到所需安装位置，我是直接
Ho0229·2018-06-26 12:17

Flutter基础篇（3）-- Flutter基础全面详解

//www.jianshu.com/p/2c9867e737a1转载请标明出处：https://www.jianshu.com/p/2c9867e737a1本文出自AWeiLoveAndroid的博客Flutter
AWeiLoveAndroid·2018-06-21 20:37

（三）flutter学习：建立flutter第一个程序

一、运行flutterconsole1、运行命令：flutter_console.bat二、新建工程：1、运行名fluttercreatemyapp2、进入myapp目录3、运行程序flutterrun4、运行结果问题点：一、启动模拟器时报：dev/kvmisnotfound1、打开sdk安装目录下的\extras\intel\Hardware_Accelerated_Execution_Mana
gosenkle·2018-05-22 10:47

（二）flutter学习：配置编辑器

使用flutter进行移动开发工作，可以使用使用文本编辑器编写flutter，但是建议使用编辑器插件，可以实现代码自动完成、语法高亮、代码辅助以及调试支持等等。下面介绍vscode开发插件的安装一、VSCode一款轻量级flutter运行和调试支持编辑器1、版本最好1.20.1或更新2、安装flutter插件1）启动vscode2）打开View>Command面板3）输入install，选择‘Ex
gosenkle·2018-05-22 10:31

（一）flutter学习：windows安装flutter

前言2018年2月27日，在2018世界移动大会上，Google发布了Flutter的第一个Beta版本。Flutter是Google用以帮助开发者在Ios和Android两个平台开发高质量原生应用的全新移动UI框架。热重载（HotReload）利用AndroidStudio直接一个ctrl+s就可以保存并重载，模拟器立马就可以看见效果，这一点可能是很多安卓开发者极为诟病的地方。Widget理念，
gosenkle·2018-05-22 10:48

Flutter学习笔记（五）

一、Container是一个便利的Widget，它把通用的绘制、定位和Widget的大小结合了起来。Container会先用padding填充子Widget和border之间的空白，然后添加其他的额外的约束constraints，最后会把剩余的都用margin来填充。在绘制的过程中，会优先绘制transform，然后是decoration，最后是foregroundDecoration。对于一个没
大鹏鸟·2018-04-12 20:56

Flutter学习笔记（三）-- 事件交互和State管理

先来看看准备界面：image.png目标是修改图中红色实线框中的喜欢和不喜欢的五角星的修改，以及数字的修改。在修改之前，有必要先了解一些相关的信息。知识点前面简单的提到过，有些Widget是Statful（有状态的），而其他的一些是Stateless（无状态的）。比如继承自StatefulWidget的有Checkbox、Radio、Slider、Form等，这些Widget用户都是可以做一些交互
大鹏鸟·2018-04-08 18:40

Flutter学习笔记（一）

记得flutter出来的时候，官方推荐的是使用IntelliJIDEA，当时个人尝试了一下，比较麻烦，整个过程比较漫长。进入2018年，再去看的时候，官方推荐使用AndroidStudio和VScode。我选择了使用AndroidStudio，整个过程相当惊喜，就是按钮那么一点，整个过程和配置就完成了，不过前提是你要先安装Dart和Flutter的插件。下面对整个使用过程做一个简单的记录！一、创建
大鹏鸟·2018-03-29 18:22

Flutter学习---Flutter环境搭建与入门

一、Flutter简述Flutter是Google使用Dart语言开发的移动应用开发框架，使用一套Dart代码就能构建高性能、高保真的iOS和Android应用程序。二、为什么选择Flutter跨平台即时渲染热重载等特性三、Flutter环境配置Flutter对于系统的要求：Windows7以上版本（64位）、Mac或Linux操作系统（64位）磁盘空间：400MB（不包括AndroidStudi
Juslt·2018-03-25 22:33

Flutter学习笔记 - 底部导航栏

大家最近都在讨论新鲜技术-flutter，小编也在学习中，遇到大家都遇到的问题，底部导航。下面给大家贴出底部导航的编写，主要参考了lime这个项目。上代码一.在main.dart文件中定义APP的基本信息classMyAppextendsStatelessWidget{//Thiswidgetistherootofyourapplication.@overrideWidgetbuild(Build
BrodyWu·2018-03-16 16:37

Flutter学习之旅(五)----网络请求获取数据、解析数据和显示等待动画

参考官方文章(英文版)网络请求是APP开发中至关重要的一步，回想一下Android开发中的Retrofit框架或者Volley框架，iOS开发中AFNetworking框架。如果使用Volley进行网络请求，我们需要new一个StringRequest请求，在里面回调成功和失败的方法，用GsonFormmater等类似工具解析json串，然后将这个请求添加到队列，这中间要给予用户友好的提示，即显示
zhangxiangliang2·2017-07-30 11:19

Flutter学习之旅(二)----MD风格和点击事件

Flutter中有许多常用的控件，比如下面的：Text：文本控件，相当于安卓TextView;Row，Column：相当于安卓LinearLayout的两个方向;Stack：与Positioned控件配合，放到top,right,bottom,orleft;Container：矩形控件，可与BoxDecoration配合来装饰background,aborder,orashadow，可用margi
zhangxiangliang2·2017-07-21 21:09

Flutter学习之旅----环境搭建与Hello World

Flutter官网镇楼Flutter来自Google,是移动端APP开发SDK，使用Dart语言编写一套代码即可同时在Android和iOS平台运行，性能无限接近原生，支持android4.1以上和iOS8以上。想进一步了解Flutter，进入传送门(英文版)。目前虽然是alpha版，截止到2017年7月20日，其在Github上的star达5.6k+,而且相当活跃，不论是使用者还是开发工程师，都
zhangxiangliang2·2017-07-20 19:33
上一页 14 15 16 17 18 19 20 21 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他