Flutter&Dart零基础入门教程(一) 在 Dart 和 Flutter 开发中,字符串(String)是使用频率极高的基础类型之一。
几乎所有:
- 页面文字展示
- 日志输出
- 提示信息
都离不开字符串。
本篇将系统讲解 Dart 中字符串的使用方式,以及 Flutter 中极其重要的 字符串插值。
一、什么是字符串(String)?
字符串可以理解为:
一段文本内容
例如:
- 用户名
- 页面标题
- 提示文案
在 Dart 中,字符串使用 单引号或双引号 包裹:
String name = 'Tom';
String title = "Flutter 学习";
二、字符串的常见用途
字符串通常用于:
- 输出信息
- 显示 UI 文本
- 组合动态内容
例如:
print('欢迎学习 Flutter');
三、字符串拼接(传统方式)
在一些语言中,字符串拼接通常这样写:
String name = 'Tom';
print('Hello ' + name);
如果涉及数字,还需要额外处理:
int age = 18;
print('Age: ' + age.toString());
这种方式的问题:
- 写法繁琐
- 可读性差
- 不利于维护
四、字符串插值(Dart 推荐)
Dart 提供了一种更简洁、更安全的方式:字符串插值。
1️⃣ 插入变量
String name = 'Tom';
print('Hello $name');
规则:
$变量名可直接将变量插入字符串
2️⃣ 插入表达式或计算结果
当插入的是表达式时,需要使用 ${}:
int age = 18;
print('明年年龄:${age + 1}');
3️⃣ 推荐写法对比
// 不推荐
print('结果是:' + (a + b).toString());
// 推荐
print('结果是:${a + b}');
五、字符串插值在 Flutter 中的实际意义
在 Flutter UI 中,字符串插值几乎每天都在使用:
Text('当前用户:$username')
Text('价格:¥${price}')
Text('共 ${count} 件商品')
它让:
- UI 代码更清晰
- 动态内容展示更自然
六、使用规则总结
- 插入变量 → $变量名
- 插入表达式 / 计算结果 → ${}
记住一句话即可:
需要计算,就用 ${}
七、总结
- String 用于表示文本
- Dart 支持优雅的字符串插值
- 插值比拼接更简洁、更安全
- 是 Flutter UI 的基础能力之一
Flutter 零基础入门(二):Dart 字符串与字符串插值
🔜 下一篇预告
《Flutter 零基础入门(三):条件判断与逻辑运算》
下一篇我们将学习:
- 如何使用 if / else 让程序做判断
- 如何组合多个条件
- 程序是如何“思考并做选择”的