Flutter字符串处理插件slugify_string的使用

Flutter字符串处理插件slugify_string的使用

Dart 包用于将一个字符串转换为一个 slug，适用于 URL、文件名、ID 等。

该插件是从 slugify 分支过来的，以支持 null 安全性。

特点

• 移除不理想的字符
• 近似替换非拉丁字母字符
• 支持自定义分隔符和大小写敏感选项

使用方法

import 'package:slugify_string/slugify.dart';

// 使用默认选项。
String slug = Slugify('Hello, World! Foo Bar');
print(slug); // hello-world-foo-bar

// 使用自定义选项。
String slug2 = Slugify('Hello, World! Foo Bar', lowercase: false, delimiter: '🙂');
print(slug2); // Hello🙂World🙂Foo🙂Bar

选项

示例代码

以下是一个完整的示例代码，展示了如何在 Flutter 应用中使用 slugify_string 插件：

import 'package:flutter/material.dart';
import 'package:slugify_string/slugify.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Slugify String Example'),
        ),
        body: Center(
          child: Padding(
            padding: const EdgeInsets.all(16.0),
            child: Column(
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                TextButton(
                  onPressed: () {
                    // 使用默认配置生成 slug。
                    var slug1 = Slugify('Hello, world!');
                    print(slug1); // 'hello-world'
                    // 显示结果
                    ScaffoldMessenger.of(context).showSnackBar(
                      SnackBar(content: Text('Generated Slug: $slug1')),
                    );
                  },
                  child: Text('Generate Default Slug'),
                ),
                TextButton(
                  onPressed: () {
                    // 设置自定义分隔符。
                    var slug2 = Slugify('Some prefer snake case', delimiter: '_');
                    print(slug2); // 'some_prefer_snake_case'
                    // 显示结果
                    ScaffoldMessenger.of(context).showSnackBar(
                      SnackBar(content: Text('Generated Slug: $slug2')),
                    );
                  },
                  child: Text('Generate Slug with Custom Delimiter'),
                ),
                TextButton(
                  onPressed: () {
                    // 保留原始大小写。
                    var slug3 = Slugify('BREAKING NEWS! The world is ending!', lowercase: false);
                    print(slug3); // 'BREAKING-NEWS-The-world-is-ending'
                    // 显示结果
                    ScaffoldMessenger.of(context).showSnackBar(
                      SnackBar(content: Text('Generated Slug: $slug3')),
                    );
                  },
                  child: Text('Generate Slug without Lowercase'),
                ),
                TextButton(
                  onPressed: () {
                    // 规范化为拉丁字符。
                    var slug4 = Slugify("C'est déjà l'été.");
                    print(slug4); // 'cest-deja-lete'
                    // 显示结果
                    ScaffoldMessenger.of(context).showSnackBar(
                      SnackBar(content: Text('Generated Slug: $slug4')),
                    );
                  },
                  child: Text('Generate Slug with Normalization'),
                ),
              ],
            ),
          ),
        ),
      ),
    );
  }
}