📘Flutter 零基础入门(二):Dart 字符串与字符串插值

45 阅读2分钟

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 让程序做判断
  • 如何组合多个条件
  • 程序是如何“思考并做选择”的