flutter文本

# flutter 文本

# 同一行文字不同大小,底部对齐

应使用TextSpan, 不要使用row包裹两个text. 效果对比如图

//创建富文本,支持对不同文字设置不同的样式
                  const Text.rich(
                    TextSpan(text: '', children: <TextSpan>[
                      TextSpan(
                          text: "1",
                          style: TextStyle(
                              color: SaColors.primaryText333,
                              fontWeight: FontWeight.w700,
                              fontSize: 16)),
                      TextSpan(
                          text: "/2",
                          style: TextStyle(
                              color: SaColors.primaryText999,
                              fontWeight: FontWeight.w400,
                              fontSize: 14)),
                    ]),
                  ),
                  const Spacer(),
                  //无法保持底部对齐,有的手机可以,有的手机不齐
                  Row(
                    crossAxisAlignment: CrossAxisAlignment.end,
                    children: const [
                      Text(
                        "1",
                        style: TextStyle(
                            color: SaColors.primaryText333,
                            fontWeight: FontWeight.w700,
                            fontSize: 16),
                      ),
                      Text(
                        "/2",
                        style: TextStyle(
                            color: SaColors.primaryText999,
                            fontWeight: FontWeight.w400,
                            fontSize: 14),
                      ),
                    ],
                  )

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38

# 参考:

Flutter-Text使用 (opens new window)

编辑

上次更新: 2023/06/28, 20:16:49

← 遇到的问题