flutter中富文本的实现

flutter中富文本的实现

  1.RichText
  2.TextSpan
  3.WidgetSpan        (实现富文本中的背景自定义)

  例如：

               RichText(
                            text: TextSpan(
                                  text: "登录代表同意",
                                  style: TextStyle(
                                      color: Styles.rgb_color_666,
                                      fontSize: Styles.textsize_13),
                                  children: [
                                    TextSpan(
                                        text: "《***用户协议》",
                                        style: TextStyle(
                                          color: Styles.rgb_color_FFF36E22,
                                          fontSize: Styles.textsize_13,
                                        ),
                                        recognizer: TapGestureRecognizer()
                                          ..onTap = () {}),
                                    TextSpan(
                                        text: "和 ",
                                        style: TextStyle(
                                            color: Styles.rgb_color_666,
                                            fontSize: Styles.textsize_13)),
                                    TextSpan(
                                        text: "《隐私政策》",
                                        style: TextStyle(
                                            color: Styles.rgb_color_FFF36E22,
                                            fontSize: Styles.textsize_13),
                                        recognizer: TapGestureRecognizer()
                                          ..onTap = () {}),
                                  ]),
                            )