Flutter用户名生成插件username_gen的使用

发布于 1周前 作者 sinazl 来自 Flutter

Flutter用户名生成插件username_gen的使用

随机用户名生成器

这是一个简单的包,用于创建随机用户名。要使用它,只需执行以下命令,这些命令是从JavaScript移植过来的。

import 'package:username_gen/username_gen.dart';

// 使用默认方法生成随机用户名
var username = UsernameGen.random(); // sharpened-whiskey87

// 或者使用generate方法生成随机用户名
final username = UsernameGen().generate(); // sharpened-whiskey87

如果你想设置一组名字(名词)和形容词,并且想要使用不同的分隔符,可以使用以下命令:

import 'package:username_gen/username_gen.dart';

// 使用generateWith方法生成带有自定义数据和分隔符的用户名
final username = UsernameGen.generateWith(
    data: UsernameGenData(
        names: ['new names'],  // 自定义名字列表
        adjectives: ['new adjectives']  // 自定义形容词列表
    ),
    seperator: '_'  // 自定义分隔符
); // pink-harmonica17

// 或者使用链式调用的方法生成用户名
final username = UsernameGen()
      ..setNames(['new names'])  // 设置名字列表
      ..setSeperator('_')  // 设置分隔符
      ..setAdjectives(['new adjectives'])  // 设置形容词列表
      ..generate(); // pink-harmonica17

完整示例Demo

下面是一个完整的Flutter应用示例,展示如何使用username_gen插件生成随机用户名。

import 'package:flutter/material.dart';
import 'package:username_gen/username_gen.dart';

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(title: 'Username Generator Demo'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);

  final String title;

  [@override](/user/override)
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  String _generatedUsername = '';

  void _generateUsername() {
    setState(() {
      // 使用默认方法生成随机用户名
      _generatedUsername = UsernameGen.random();

      // 或者使用自定义数据生成用户名
      // _generatedUsername = UsernameGen.generateWith(
      //   data: UsernameGenData(
      //     names: ['flutter', 'dart'],
      //     adjectives: ['awesome', 'cool']
      //   ),
      //   seperator: '-'
      // ).toString();
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text(
              'Generated Username:',
            ),
            Text(
              '$_generatedUsername',
              style: Theme.of(context).textTheme.headline4,
            ),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: _generateUsername,
        tooltip: 'Generate Username',
        child: Icon(Icons.refresh),
      ), 
    );
  }
}

更多关于Flutter用户名生成插件username_gen的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html

1 回复

更多关于Flutter用户名生成插件username_gen的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


当然,下面是一个关于如何在Flutter项目中使用username_gen插件的示例代码。这个插件用于生成随机的用户名,非常适用于需要快速生成测试用户名的场景。

首先,你需要在你的pubspec.yaml文件中添加username_gen依赖:

dependencies:
  flutter:
    sdk: flutter
  username_gen: ^latest_version  # 请替换为实际的最新版本号

然后运行flutter pub get来安装依赖。

接下来,在你的Flutter项目中,你可以像这样使用username_gen插件:

import 'package:flutter/material.dart';
import 'package:username_gen/username_gen.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Username Generator Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: UsernameGeneratorScreen(),
    );
  }
}

class UsernameGeneratorScreen extends StatefulWidget {
  @override
  _UsernameGeneratorScreenState createState() => _UsernameGeneratorScreenState();
}

class _UsernameGeneratorScreenState extends State<UsernameGeneratorScreen> {
  String? generatedUsername;

  void _generateUsername() {
    setState(() {
      UsernameGen usernameGen = UsernameGen();
      generatedUsername = usernameGen.generate();
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Username Generator'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text(
              'Generated Username:',
              style: TextStyle(fontSize: 20),
            ),
            SizedBox(height: 10),
            Text(
              generatedUsername ?? 'Press the button to generate',
              style: TextStyle(fontSize: 24, fontWeight: FontWeight.bold),
            ),
            SizedBox(height: 20),
            ElevatedButton(
              onPressed: _generateUsername,
              child: Text('Generate Username'),
            ),
          ],
        ),
      ),
    );
  }
}

在这个示例中,我们创建了一个简单的Flutter应用,其中包含一个按钮,点击按钮时会调用_generateUsername方法,该方法使用UsernameGen类生成一个随机用户名,并将其显示在屏幕上。

注意:

  1. UsernameGen类提供了多种配置选项来定制生成的用户名,比如长度、字符集等。你可以查阅username_gen的文档来了解更多详细用法。
  2. 示例中的latest_version需要替换为username_gen插件的实际最新版本号。

这个示例展示了如何在Flutter项目中集成和使用username_gen插件来生成随机用户名。希望这对你有所帮助!

回到顶部