Flutter之Text 组件的使用

最新推荐文章于 2024-05-06 10:14:43 发布
最新推荐文章于 2024-05-06 10:14:43 发布
阅读量723 收藏
点赞数
分类专栏： Flutter
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/BianHuanShiZhe/article/details/104749744
版权
本文介绍了Flutter中Text组件的使用，探讨了StatelessWidget和StatefulWidget的区别，强调了@immutable注解和final关键字的重要性。同时，文章还讲解了Dart语言的类型推导、作用域规则以及闭包特性，并涉及了函数返回值和阻塞与非阻塞调用的概念。
摘要由CSDN通过智能技术生成

Flutter中的组件分为statelesswidget和statefullwidget，statelesswidget不记录用户的的状态，主要传入的是不变得数据，statefulwidget有状态的widget，主要用于改变widget的状态setstate 

注解 @immutable 是不可变的 定义在widget中的数据一定是不可变的，需要使用final来修饰

StatelessWidget无所谓，因为它里面的数据通常是直接定义完后就不修改的

Flutter将StatefulWidget设计成两个类，我们通常会按照如下格式来做

一个类继承自Statefulwidget，作为widget树的一部分

一个类继承自State，用于记录StatefulWidget会变化的状态，并且根据状态的状态的变化，构建出

新的widget

Fluttet之类型推导，类型推导格式如下

var/dynamic/const/final  变量名称 = 赋值

dart中的runtimeType用于获取变量当前的类型

final是在编译期间就确定下来的

final 赋值时，动态获取的，比如赋值给一个函数

const是不可以赋值为DateTime.now()

final一旦被赋值后就有确定的结果，不会再次赋值

在Dart语言中，const放在赋值语句的右边，可以共享对象，提高性能

final a = const Person();

数值类型，我们也不必关心是否有赋值，也不必关心数据的精度和宽度问题

整数用Int，浮点数用double 就行了，他们取值范围不是固定的，取决与运行的

最低0.47元/天 解锁文章
BianHuanShiZhe
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Flutter 基础组件之 Text文本组件使用大全（教程含源码）
iCloudEnd的博客
08-12 457
Text小部件显示一串具有单一样式的文本。根据布局约束，字符串可能会跨越多行，或者可能都显示在同一行上。样式参数是可选的。省略时，文本将使用最接近的封闭DefaultTextStyle的样式。如果给定样式的 TextStyle.inherit属性为 true（默认值），则给定样式将与最接近的封闭DefaultTextStyle合并。这种合并行为很有用，例如，在使用默认字体系列和大小时使文本变为粗体。...
Flutter container text 组件详解
mylgcs的博客
04-28 187
Flutter 是一款功能强大的跨平台移动应用程序开发框架，它可以帮助开发者快速构建高质量的原生用户界面。其中，Container 和 Text 组件是 Flutter 中常用的基础组件之一，可以用来包裹其他 Widget 和显示文本内容。通过合理使用 Container 和 Text 组件，可以轻松实现各种复杂的界面布局和文本展示效果。在本文中，我们将对 Container 和 Text 组件进行详细介绍，包括它们的属性、用法以及使用案例。
Android 面试之—— ViewModel 总结篇，fluttertextfield赋值
m0_65145113的博客
12-26 570
再看看刚刚的 ViewModelProvider 构造方法里调用了 this(ViewModelStore, Factory)，将 ComponentActivity#getViewModelStore 返回的 ViewModelStore 实例传了进去，并缓存到 ViewModelProvider 中 public ViewModelProvider(@NonNull ViewModelStore store, @NonNull Factory factory) { mFactory = factory;
flutter -- Text Widget 文本组件的使用
weixin_43996061的博客
11-06 296
TextAlign属性 文本的对齐方式 center: 文本以居中形式对齐,这个也算比较常用的了。 left:左对齐，经常使用，让文本居左进行对齐，效果和start一样。 right :右对齐，使用频率也不算高。 start:以开始位置进行对齐，类似于左对齐。 end: 以为本结尾处进行对齐，不常用。有点类似右对齐. 如下图 如果text文本长度过少, 设置是没有效果的 maxLines: 设置...
#flutter#Text组件
weixin_45037444的博客
02-26 176
Text组件相当于CSS的font属性设置 Text( "String类型文字内容", 成员变量名: 成员变量 ) 成员变量名 作用 textAlign 文本对齐方式 textDirection 文本放方向 overflow 文字超出屏幕之后的处理方式 textScaleFactor 文字显示倍率 maxLines 文字显示最大行数 style 字体的样式...
动态为textfield赋值
eternal403的专栏
04-08 1315
公司一个后台管理系统用ext开发的，初学ext，遇到动态为textfield赋值的问题：   下拉列表框选择个手机品牌，然后根据这个手机品牌动态为文本框赋值，把手机的首字母赋值给文本框。   首先，在下拉列表框事件列表中获取首字母，然后把结果回调给first   phoneBrandCombo.on('select',function(){ mobileComp...
Flutter入门之Text控件的使用（一）
爱喝水程序员的博客
09-17 516
Flutter移动开发入门之Text控件的使用（一） import 'package:flutter/material.dart'; void main() { runApp( MaterialApp( title: "TextDemo", home: TextDemo(), ), ); } class TextDemo extends Stat...
Flutter之自带组件（覆盖 80%场景使用的基础组件，带完整示例）.docx
02-20
这是构建Material UI的核心组件之一： ```dart Scaffold( appBar: AppBar( title: Text('My App'), ), body: Container( child: Text('Hello, World!'), ), ) ``` 5. **`AppBar`组件** `AppBar`组件...
Flutter 基础组件之使用Text.rich显示具有不同样式TextSpan段落（教程含源码）
iCloudEnd的博客
08-13 874
Text小部件显示一串具有单一样式的文本。根据布局约束，字符串可能会跨越多行，或者可能都显示在同一行上。样式参数是可选的。省略时，文本将使用最接近的封闭DefaultTextStyle的样式。如果给定样式的 TextStyle.inherit属性为 true（默认值），则给定样式将与最接近的封闭DefaultTextStyle合并。这种合并行为很有用，例如，在使用默认字体系列和大小时使文本变为粗体。...
Flutter中Text与Container 组件
越陌度阡
12-14 631
1. Text组件 1. textAlign：文本对齐方式； (1). center 居中； (2). left 左 对齐； (3). right 右对齐； (4). justfy 两端对齐； 2.textDirection：文本方向； (1).ltr 从左至右； (2). rtl 从右至 左； 3.overflow：文字超出屏幕之后的处理方式； (1).clip 裁剪； (2). fade 渐隐； (3). ellipsis 省略号； 4.textScaleFactor.....
immutable_state:Flu Flutter和Dart中用于无状态UI的轻量级框架，是Redux的替代方案
04-24
不可变状态 :bullseye: Flutter和Dart中用于UI状态管理的轻量级框架，是Redux的替代方案。 package:immutable_state可以轻松使用，也可以与package:flutter_immutable_state这样的现成集成package:flutter_immutable_state 。 为什么？ 复杂应用程序中的UI状态管理是一个已解决的问题。 不可变的应用程序状态以及异步的功能更新通常是可行的方法。 这种模式的最常见的实现也许是Redux，它通常与React一起使用。 不过，Redux除了不适合Dart等面向对象的语言外，还带有很多样板。 immutable_state概述的解决方案很简单-使用dart:async内置功能来处理原子更新。 用法 此程序包中功能的根源是Immutable<T>类。 它是围绕任意Dart对象的一次性使用的不可变包装器，该对象
Flutter TextField 组件的属性、监听、赋值等详细说明
小哥丷的博客
05-12 9684
1.TextField 属性： const TextField({ Key key, this.controller,//控制器 this.focusNode,//焦点 this.decoration = const InputDecoration(),//装饰 TextInputType keyboardType,//键盘类型，即输入类型 this.textInputAction,//键盘按钮 this.textCapitalization = TextCapitalization.none,//大小
Flutter中常用的按钮组件-Text(文本)
不二菜菜子的博客
01-31 356
Flutter中常用的按钮组件-Text(文本)
Flutter开发警告Constructors in ‘@immutable‘ classes should be declared as ‘const‘
江上清风山间明月的博客
11-24 1133
这个警告是由于在Flutter中，如果你定义的类是不可变的额，你最好用@immutable注解标记标记下，即使你不标记，代码检测也会检测出来。在某些情况下，这可能是因为Flutter无法确定对象是否是不可变的，因此它会发出警告，以提醒你可能需要将构造函数声明为const。在Dart中，const构造函数表示该构造函数创建的对象是不可变的，这样的对象可以在编译时进行常量折叠，从而提高性能。当你标记一个类为@immutable时，Flutter希望你的构造函数也是const的，以确保对象的不可变性。
Flutter 中的 @immutable：深入解析与最佳实践
最新发布
爱喝水程序员的博客
05-06 860
在 Flutter 开发中，注释扮演着至关重要的角色，用于标记不可变类。不可变类顾名思义，其状态一旦创建便不可更改，这与可变类截然不同。后者允许在创建后对实例进行修改。
Flutter——最详细的Text（文本）使用教程
人生在世
12-02 5750
Text（文本）简介 用于显示文字的组件。核心样式style属性控制 属性 作用 style TextStyle字体样式 textAlign 文本对齐方式 textDirection 文字的方向 overflow 文本尾部显示的样式； textScaleFactor 文本大小比例 maxLines 最大多少行 TextStyle文本样式属性： 属性 作用 color 文字颜色 backgroundColor 背景颜色 fontSize 字体
flutter知识点总结
大大黄的博客
11-21 739
第一个flutter应用 flutter中布局等已经不再等同于web页面的开发方式了，首先我们需要引入material 包，那么什么是material呢？material是谷歌公司推行的一套设计风格，或者叫做设计语言，设计规范等 里面有很多规范，比如颜色文字排版，响应式动画与过度，填充等等 在Flutter中高度集成了 Material风格的 widget, 在我们应用中，我们可以直接使用这些Widget来创建我们的应用 第一个程序 Hello World 注意一个坑，flutter项目路径中包含中
Flutter Text详解
https://www.xiaohongshu.com/user/profile/5f3543150000000001002b2e
07-06 5621
示例 API Text，很常用的一个Widget；用于显示简单样式文本，它包含一些控制文本显示样式的一些属性 text构造方法源码： /// If the [style] argument is null, the text will use the style from the /// closest enclosing [DefaultTextStyle]. /// /// The [data] parameter must not be null. const Text( t
Flutter 中的全局变量
热门推荐
qq6696009的博客
01-05 1万+
对于Android 原生开发,在接触FLutter 之后 首先会考虑在启动的时候创建一个全局变量来保存参数 但是对于dart 语言来说 其实更加简单 多个文件引用同一个文件,其中先关变量就是共享的 新建一个dart 文件里面创建属性变量 对于Android来说 他就是一个全局变量 1新建一个Dart 他就是我们的全局变量 class Global{ static String textContent = 'nihao'; } 2应用 class _otherConetnt1State ...
如何使用flutter的text组件
09-20
使用Flutter的Text组件可以轻松地在应用程序中显示文本内容。以下是使用Text组件的步骤： 1. 导入对应的库文件：为了使用Text组件，首先要导入相应的库文件。在Flutter中，可以在Dart文件的开头添加以下语句导入所...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值