Flutter 零基础入门（二）：Dart 字符串与字符串插值

📘Flutter 零基础入门（二）：Dart 字符串与字符串插值

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 零基础入门（三）：条件判断与逻辑运算》

下一篇我们将学习：

• 如何使用if / else 让程序做判断
• 如何组合多个条件
• 程序是如何“思考并做选择”的