主要是介绍了 Flutter 环境的搭建、如何创建 Flutter 项目以及如何在旧有 Android 项目引入 Flutter。
Text widget 可以用来在应用内创建带样式的文本。文本作为UI最基本的元素，最基本的用法有这些：
在现代科技发展迅速的时代，我们的电脑、手机、平板等设备里积累了大量的文件，这些文件可能是我们的照片、文档、音频、视频等等。然而，当文件数量增多时，我们如何快速地找到所需的文件呢？这时，文件列表就显得尤为重要了。
然而 Widget 有两个，StatelessWidget 和 StatefulWidget，我们要继承哪一个？
material设计风格的卡片。卡片的边角和阴影有些调整。卡片是用于表示某些关联数据，例如集合，地理区域，膳食，联系方式等。卡片包含有关单个对象的内容和动作。
为啥单独写这么一个文章呢？ 其实是我看了Flutter中文官网，结果到组件里面在点就跳到英文文档去了，所以自己记录一下
今天给大家带来的是RichText组件，他里面有个text属性，RichText显示的文本内容是TextSpan类型，他不是一个简单的string，而是TextSpan类型，TextSpan类型是一个可以无限传递的树形结构，每个节点出了text属性，还可以通过style属性，设置自定义文字样式。甚至通过children属性，传入一个TextSpan列表作为子节点，已实现叠加和嵌套文字样式的功能。然后大家有没有疑问，关于红色的这个是如何设置的，这个我可以称呼它为碰撞检测，以便完成TextSpan树中某一片段的检测。recognizer: TapGestureRecognizer()这个属性就可以做到，当然，还有一个组件也有类似的功能，是什么呢？GestureDetector，大家可以对他也了解了解。
和继续整理一些个人不太注意但非常有用的小功能点，可能也是大家熟悉的，只是为了以后使用方便查找。
有时候我们为 Text 设置 ellipsis ，却发现并没有生效，而是出现如下图左边提示 overflowed 的警告。
经过上一篇文章，就已经可以将 Flutter 的开发环境搭建成功了，这一篇文章就是接着上一篇。咱们来编写属于自己的第一个 Flutter 程序。
在如今的 Fultter 大潮下，本系列是让你看完会安心的文章。本系列将完整讲述：如何快速从0开发一个完整的 Flutter APP，配套高完成度 Flutter 开源项目 GSYGithubAppFlutter。同时也会提供一些Flutter的开发细节技巧，并针对开发过程中可能遇到的问题进行填坑。
Flutter作为时下最流行的技术之一，凭借其出色的性能以及抹平多端的差异优势，早已引起大批技术爱好者的关注，甚至一些闲鱼，美团，腾讯等大公司均已开始使用。虽然目前其生态还没有完全成熟，但身靠背后的Google加持，其发展速度已经足够惊人，可以预见将来对Flutter开发人员的需求也会随之增长。
然后本指南回过头来解释Flutter的布局方法，并说明如何在屏幕上放置一个小部件。 在讨论如何水平和垂直放置小部件之后，会介绍一些最常见的布局小部件。
Row这个Widget其实就是一个布局组件，类似于前端中flex-direction: row;。作用就是可以使Row中的子元素在水平方向上面排列，可以用来做走马灯轮播等效果。
总结：TextAlign.center居中对齐，left左对齐，right右对齐，start和end的含义取决于TextDirection，当TextDirection为ltr即(left-to-right)时，start和end的含义同left和right一致。当TextDirection为rtl即(right-to-left)时，start和end的含义和left、right相反。justify不生硬的换行（好吧，我翻译不了，看下图吧）
3. 使用 Expanded 挂件包裹 Text 挂件，并使用 Text 挂件的 ellipsis 属性
之前说会给大家一一讲解 Flutter 中的组件，今天咱们就从 Text 组件开始，无图言X，先上图：
Flutter小课堂开课了,今天的主角是Text,文字和图片几乎统治了我们的整个视觉世界 今天将带你了解一下Flutter中Text的一些属性及用法 1.简单使用 可以通过工具栏开启，显示文字
这次要展示的是什么是 Flutter 的 Widget，即小部件；以及如何在 Flutter 中使用 StatelessWidget，即无状态小部件。
Note: 如何代码实现有问题，可以依据Github上的lib/main.dart 来检查你的代码。
Flutter中的Text相当于Android中的TextView，用于展示文本。
Flutter的sdk地址https://flutter.dev/docs/development/tools/sdk/releases
Flutter七日游第三天：2018-12-18 天气：晴朗 零、前言 浪了两天，Dart语法基本上熟悉了，绘图也不怕了，现在进入正轨，继续浪~ 今天来学些枯燥的东西了--基础控件，戒骄戒躁，基础还是要好好掌握。 本文目的在于尽可能看清控件的全局(细枝末节点到为止),详细用法等布局实战再细说吧 本文能用图的，尽量不用字(看完你可能会觉得我脑洞有点大)，废话不多说，进入今天的内容 ---- 一、Widget简入 Widget:[小器具，装饰品，窗口小部件],以后简称：控件 下面看一下Widg
本文将与你一起回顾如何在 Android Studio 里进行 Flutter 工具的配置。
学习自：Dart Flutter教程_Dart Flutter入门实战视频教程-2019年新出. 记录一下Container组件以及Text组件常用的方法。
flutter组件的实现参考了react的设计理念，界面上所有的内容都是由组件构成，同时也有状态组件和无状态组件之分，这里简单介绍最基本的组件。
在移动应用开发中，导航器（Navigator）是一个至关重要的组件，它负责管理应用程序中各个页面之间的导航和转换。在Flutter中，Navigator扮演着非常重要的角色，它允许我们在应用程序中进行页面的跳转、返回以及传递参数等操作，为用户提供了流畅、高效的导航体验。
AnimatedDefaultTextStyle通过动画过渡的方式来切换文本的显示样式，如下图所示效果，当点击切换样式按钮时，显示的文本样式会以动画过渡的方式来切换。
该 style 参数可选。省略时，文本将使用最接近的DefaultTextStyle的样式。如果给定样式的TextStyle.inherit属性为true（默认值），则给定样式将与最接近的DefaultTextStyle合并。例如，这种合并行为很有用，可以在使用默认字体系列和大小时使文本变为粗体。
经过上一篇文章，开发出来了第一个 Flutter 程序，入门程序 Hello World，这一篇文章就是接着上一篇。咱们来还原初始程序（开发第二个 Flutter 程序）。
本系列可能会伴随大家很长时间，这里我会从0开始搭建一个「网易云音乐」的APP出来。
首先复习一下Flutter项目的基本结构： import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget{ @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( appBar: AppBar(
Flutter开发中有一个非常重要的理念，即一切皆为组件。Flutter中Widget不仅可以表示UI元素，也可以布局元素、动画、装饰效果。
https://api.flutter.dev/flutter/painting/TextStyle-class.html
0.前言 Flex布局是Flutter的五虎上将之一,虎父无犬子，其子Row和Column也能力非凡 你有没有被mainAxisAlignment，crossAxisAlignment弄得晕头转向
1.在pubspec.yaml中配置fluttertoast库，通过Pub get 获取fluttertoast的版本，通过Pub upgrade更新，eg:
TolyUI 是 张风捷特烈 打造的 Fluter 全平台应用开发 UI 框架。具备 全平台、组件化、源码开放、响应式 四大特点。可以帮助开发者迅速构建具有响应式全平台应用软件：
我们拿起手机，然后把钱寄给我们的朋友，以获得一些现金返还。现金返还是一种提高使用户粘度的有效举动。
在之前的文章中，我们介绍了 StatelessWidget 的特性与它在 Flutter 中的呈现原理。
在这个系列中，我们将学习如何使用google的移动开发框架flutter创建一个电商应用。 本文是flutter框架系列教程的第一部分，将学习如何安装Flutter开发环境并创建第一个 Flutter应用，并学习Flutter应用开发中的核心概念，例如widget、状态等。
AspectRatio 首先会在布局限制条件允许的范围内尽可能的扩展，widget 的高度是由宽度和比率决定的，类似于 BoxFit 中的 contain，按照固定比率去尽量占满区域。
今天调料十足，保证新鲜美味----2018-12-20 1：写在前面： 每个布局的实现方案都有很多，我只是选择自己认为较好的布局方案 对于非常复杂的布局，建议先打草稿，再进行颜色块模拟，最后再写控
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(
在竞争激烈的移动时代，各大互联网公司都在争相抢夺市场，如何提高研发效率，快速迭代产品成为非常重要的因素。
在 Web 和移动开发世界中，当我们想要显示大小不相同的项目网格时，瀑布流布局很有用。一个轴使用严格的网格布局，通常是列。在另一个轴上，项目具有不同的高度，但可以灵活排列以填满可用空间。使用瀑布流布局的一个著名例子是 Pinterest。他们为他们的网站和移动应用程序实现了这种布局，以显示不同大小的图像。
随着团队的不断更新，项目组逐渐转到 Jetpack Compose 方式，对于 Compose 绘制 UI 方式在不断的熟悉，而开发过程中会遇到很多不同的场景，和尚在此记录一下常用的 Text 文本和 AnnotatedString 多种样式的文本的基本数据结构；
textAlign：文本的对齐方式；可以选择左对齐、右对齐还是居中。注意，对齐的参考系是Text widget本身
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
