Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >「0821更新」Flutter入门系列教程汇总

「0821更新」Flutter入门系列教程汇总

作者头像
毛大姑娘
发布于 2020-09-10 07:50:21
发布于 2020-09-10 07:50:21
1.1K0
举报
文章被收录于专栏:向全栈出发向全栈出发

声明:本系列文章均属原创,欢迎传播,转载请注明出处。

Flutter对于客户端工程师来说,相信大家已经不陌生了,我最近在学习中汇总了一些总结经验,其中大部分内容为我个人见解,希望能给予你们帮助。在此,我想通过抛砖引玉,来吸引更多的人贡献学习心得。

本系列持续更新中,欢迎关注我的博客:maomao.ink

环境搭建

  1. 环境搭建(mac os为例)
  2. 项目运行:Hello world

基础控件

  1. Flutter Text(文本控件)
  2. Flutter Button(按钮控件)
  3. Flutter TextField(输入控件)
  4. Flutter Image(图片控件)
  5. Flutter Icon IconFont(图标控件)
  6. Flutter Row、Column 线性布局
  7. Flutter Stack、Positioned 层叠布局
  8. Flutter SingleChildScrollView 滚动控件
  9. Flutter ListView 列表控件New
  10. Flutter ListView 下拉刷新,上拉加载更多New
  11. Flutter GridView 网格控件New

常见问题

  1. Flutter:从网络获取数据遇到的坑
  2. Flutter问题:Column里面嵌套两个SingleChildScrollView无法滚动
  3. Flutter问题:import 'package:english_words/english_words.dart'失败New

Android/Flutter组件映射表

Android

Flutter

TextView

Text

EditText

TextField

Button

RaisedButton

ImageView

Image

LinearLayout

Row/Column

FrameLayout/RelativeLayout

Stack

ListView

ListView

GridView

GridView

ViewPager

PageView

友情链接:Flutter中文网

实用工具:json_to_dart

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019年08月16日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
Flutter ListView 下拉刷新,上拉加载更多
正常项目中使用ListView一定会涉及到分页加载的问题,此时无法避免地需要用到下拉刷新和上拉加载更多的功能。
毛大姑娘
2020/09/10
3.7K0
Flutter ListView 下拉刷新,上拉加载更多
Flutter跨平台移动端开发丨SingleChildScrollView、ListView......
SingleChildScrollView 类似 Android 中的 scrollview ,且同样的只可包含有一个子元素
码脑
2019/05/25
8.9K0
Flutter问题:import 'package:english_words/english_words.dart'失败
今天做Flutter的ListView下拉刷新和上拉加载更多,网上找了很多项目,发现都需要用到generateWordPairs().take(20);
毛大姑娘
2020/09/10
2.2K0
Flutter问题:import 'package:english_words/english_words.dart'失败
Flutter入门指南
笔者项目中使用Flutter的模块并不多。虽然笔者还没有机会在项目中正式使用Flutter,但是也在学习Flutter的一些基本用法。本文就是一篇Flutter的入门介绍,后续会写更多深入介绍的文章。Flutter可以通过一套代码库快速构建高质量、高性能的跨平台应用,支持iOS、Android、Web以及桌面平台。在本文中,我们将介绍如何入门Flutter,包括环境搭建、基本概念、常用组件以及示例代码。
陆业聪
2024/07/23
2010
Flutter入门指南
谷歌移动UI框架Flutter教程之Widget
在之间我已经介绍了关于Flutter的下载安装以及配置,还有开发工具Android Studio的配置,还不知道的同学可以看看我这篇博客——谷歌移动UI框架Flutter入门。这里为什么非要用Android Studio,我可以解释一下。Android Studio是Google的亲儿子,由谷歌一手开发,而Flutter也是谷歌推出的技术,所以在支持和兼容问题上,Android Studio是非常有优势的。老话说得好,肥水不流外人田,谷歌内部肯定是将Android Studio对Flutter的优化做到最佳的。
wangweijun
2020/02/14
2K0
《Flutter》-- 6.高级组件
在Flutter中,一个可滚动的组件直接或间接包含一个Scrollable组件,它是可滚动组件的基础组件。
爱学习的程序媛
2022/04/07
10.9K0
《Flutter》-- 6.高级组件
Flutter组件随笔练习
Container组件 import 'package:flutter/material.dart'; //快捷方式:fim void main() { runApp(MyApp()); } //自定义组件 class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { // TODO: implement build return MaterialApp(
明知山
2020/09/02
9830
Flutter 入门指北之滑动部件(超详细)
日常开发中,会遇到很多这种情况,许多界面不是一页就能够显示完的。那么这里提下可滑动的容器部件
陈宇明
2020/12/16
2.5K0
超过百万的StackOverflow Flutter 问题-第二期
老孟导读:一个月前分享的《超过百万的StackOverflow Flutter 问题-第一期》受到很多朋友的喜欢,非常感谢大家的支持,在文章末尾有第一期的链接,希望此文能对你有所帮助。
老孟Flutter
2020/09/11
1.8K0
Flutter 布局常用的 widgets(Common layout widgets)
简单列举总结一下常用的布局widget。 Flutter有丰富的layout组件库。其中有一些是常用库。 下面的widget分为两类:标准组件和来自Material Components的特殊组件。 只有Material App能够使用Material Components的组件。
AnRFDev
2021/02/01
1.4K0
Flutter 布局常用的 widgets(Common layout widgets)
Flutter | 滚动组件,ListView,GridVIew等
当组件内容超过当前显示视口(ViewPort)时,如果没有特殊处理,Flutter 就会提示 Overflow 错误,为此,Flutter 提供了多种可滚动组件,用于显示列表和长布局;
345
2022/02/11
8.8K0
Flutter | 滚动组件,ListView,GridVIew等
flutter技术落地使用
Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。Flutter可以与现有的代码一起工作。在全世界,Flutter正在被越来越多的开发者和组织使用,并且Flutter是完全免费、开源的。
徐建国
2021/08/04
1.1K0
Flutter入门(二)
* Padding(个人感觉和Container很像)(下面的代码很难看,重要的是思路)
用户3112896
2019/12/27
5990
Flutter入门(二)
【Flutter Widgets大全】电子书开源
【Flutter Widgets 大全】 为 Flutter 老孟 网站项目,共收录 330 多个 Widgets,此电子书并不适合入门(一个一个组件学习),适合当作手册,需要的时候进行查阅。
老孟Flutter
2020/10/23
1.2K0
【Flutter Widgets大全】电子书开源
Flutter技术与实战(4)
* 以 Text 的部分源码为例,说明 StatelessWidget 的构建过程。
八归少年
2022/06/29
11K0
Flutter技术与实战(4)
【Flutter】Flutter 布局组件 ( FractionallySizedBox 组件 | Stack 布局组件 | Positioned 组件 )
FractionallySizedBox 组件 : 可控制组件在水平/垂直方向上填充满父容器 ;
韩曙亮
2023/03/28
2.9K0
【Flutter】Flutter 布局组件 ( FractionallySizedBox 组件 | Stack 布局组件 | Positioned 组件 )
Flutter SingleChildScrollView 滚动控件
Flutter中的SingleChildScrollView类似于Android中的ScrollView,它只能接收一个子组件。
毛大姑娘
2020/09/10
5.3K0
Flutter SingleChildScrollView 滚动控件
开始使用-编写你的第一个Flutter应用程序 顶
这是创建您的第一个Flutter应用程序的指南。 如果您熟悉面向对象的代码和基本编程概念(如变量,循环和条件),则可以完成本教程。 您不需要以前使用Dart或移动编程的经验。
南郭先生
2018/08/14
9.8K0
开始使用-编写你的第一个Flutter应用程序
                                                    顶
Flutter 登录页面
Simulator Screen Shot - iPhone 11 Pro Max - 2019-09-26 at 14.03.32.png
赵哥窟
2019/09/27
2.7K0
Flutter 登录页面
Flutter完整开发实战详解(二、 快速开发实战篇)
 作为系列文章的第二篇,继《Flutter完整开发实战详解(一、Dart语言和Flutter基础)》之后,本篇将为你着重展示:如何搭建一个通用的Flutter App 常用功能脚手架,快速开发一个完整的 Flutter 应用。
GSYTech
2018/08/11
5.1K0
Flutter完整开发实战详解(二、 快速开发实战篇)
推荐阅读
相关推荐
Flutter ListView 下拉刷新,上拉加载更多
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档