Flutter多功能辅助插件flustars_flutter3的使用

当然，下面是一个关于如何在Flutter项目中使用flustars_flutter3多功能辅助插件的示例代码。flustars_flutter3是一个提供多种实用功能的Flutter插件，包括设备信息、屏幕适配、本地化、共享偏好设置等。

首先，确保你的Flutter项目已经创建，并在pubspec.yaml文件中添加flustars_flutter3依赖：

dependencies:
  flutter:
    sdk: flutter
  flustars_flutter3: ^x.y.z  # 替换为最新版本号

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

接下来，让我们看看如何使用flustars_flutter3中的一些功能。

1. 获取设备信息

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

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Flustars Flutter3 Demo'),
        ),
        body: Center(
          child: DeviceInfoWidget(),
        ),
      ),
    );
  }
}

class DeviceInfoWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final deviceInfo = DeviceUtil.deviceInfo;
    return Column(
      mainAxisAlignment: MainAxisAlignment.center,
      children: [
        Text('Brand: ${deviceInfo['brand']}'),
        Text('Model: ${deviceInfo['model']}'),
        Text('System Version: ${deviceInfo['systemVersion']}'),
      ],
    );
  }
}

2. 屏幕适配

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

class ScreenAdaptWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // 设置设计稿的宽度（一般为375）
    ScreenUtil.init(context, designSizeWidth: 375, designSizeHeight: 667);

    return Scaffold(
      appBar: AppBar(
        title: Text('Screen Adapt Demo'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Text(
              'Adapted Text',
              style: TextStyle(fontSize: ScreenUtil().setSp(24)), // 使用setSp进行字体适配
            ),
            SizedBox(
              height: ScreenUtil().setHeight(100), // 使用setHeight进行高度适配
            ),
            Container(
              width: ScreenUtil().setWidth(200), // 使用setWidth进行宽度适配
              height: ScreenUtil().setHeight(200),
              color: Colors.blue,
            ),
          ],
        ),
      ),
    );
  }
}

3. 本地化和国际化

首先，在assets目录下创建locales文件夹，并在其中创建语言文件，例如en.json和zh.json。

en.json:

{
  "welcome": "Welcome"
}

zh.json:

{
  "welcome": "欢迎"
}

然后在代码中：

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

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // 初始化国际化
    Flustars.localizeInit(context, [
      'assets/locales/en.json',
      'assets/locales/zh.json',
    ]);

    // 设置当前语言（例如中文）
    Flustars.setLocale(Locale('zh'));

    return MaterialApp(
      localizationsDelegates: [
        // 添加FlustarsLocalizationsDelegate
        FlustarsLocalizations.delegate,
        GlobalMaterialLocalizations.delegate,
        GlobalWidgetsLocalizations.delegate,
      ],
      supportedLocales: [
        Locale('en'),
        Locale('zh'),
      ],
      home: Scaffold(
        appBar: AppBar(
          title: Text('Localization Demo'),
        ),
        body: Center(
          child: Text(Flustars.localize('welcome')),
        ),
      ),
    );
  }
}

4. 共享偏好设置

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

class SharedPreferencesDemo extends StatefulWidget {
  @override
  _SharedPreferencesDemoState createState() => _SharedPreferencesDemoState();
}

class _SharedPreferencesDemoState extends State<SharedPreferencesDemo> {
  String _savedValue = '';

  void _saveValue() async {
    final prefs = await SpUtil.getInstance();
    await prefs.setString('my_key', 'Hello, Flustars!');
    setState(() {
      _savedValue = (await prefs.getString('my_key')) ?? '';
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('SharedPreferences Demo'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Text('Saved Value: $_savedValue'),
            ElevatedButton(
              onPressed: _saveValue,
              child: Text('Save Value'),
            ),
          ],
        ),
      ),
    );
  }
}

以上代码示例展示了如何使用flustars_flutter3插件进行设备信息获取、屏幕适配、本地化和国际化以及共享偏好设置。你可以根据具体需求进一步扩展这些功能。