Flutter尺寸推荐插件size_recommender的使用

Size Recommender 插件简介

A Flutter插件，通过用户输入的身高和体重来推荐最佳尺寸。该插件利用平台通道与iOS和Android的原生代码通信，提供快速且准确的尺寸推荐。

安装

在pubspec.yaml文件中添加以下依赖项：

dependencies:
  size_recommender: ^0.0.1

然后运行以下命令以安装依赖：

flutter pub get

使用

只需导入SizeRecommender类并调用calculateSizeRecommendation方法即可：

import 'package:size_recommender/size_recommender.dart';

void getSizeRecommendation() async {
  final sizeRecommendation = await SizeRecommender().calculateSizeRecommendation(
    heightCm: 180.0,
    weightKg: 75.0,
  );
  print('Recommended Size: $sizeRecommendation');
}

平台通道方法

SizeRecommender类通过平台通道调用原生的calculateSizeRecommendation方法：

class SizeRecommender {
  Future<String?> calculateSizeRecommendation({
    required double heightCm,
    required double weightKg,
  }) {
    return SizeRecommenderPlatform.instance
        .calculateSizeRecommendation(heightCm: heightCm, weightKg: weightKg);
  }
}

参数

• heightCm (double): 用户的身高（单位为厘米）。
• weightKg (double): 用户的体重（单位为千克）。

返回值

返回一个包含推荐尺寸的Future<String?>对象。

示例

以下是完整的示例代码，展示如何使用size_recommender插件实现一个简单的界面，让用户输入身高和体重，并获取推荐尺寸。

文件结构

example/
├── lib/
│   ├── main.dart

示例代码

main.dart

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

import 'package:size_recommender/size_recommender.dart';

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

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Size Recommender',
      theme: ThemeData(primarySwatch: Colors.blue),
      home: const InputScreen(),
    );
  }
}

class InputScreen extends StatefulWidget {
  const InputScreen({super.key});

  [@override](/user/override)
  State<InputScreen> createState() => _InputScreenState();
}

class _InputScreenState extends State<InputScreen> {
  final TextEditingController heightController = TextEditingController();
  final TextEditingController weightController = TextEditingController();
  final _sizeRecommenderPlugin = SizeRecommender();

  Future<void> getSizeRecommendation() async {
    try {
      final heightCm = double.parse(heightController.text);
      final weightKg = double.parse(weightController.text);
      final recommendedSize =
          await _sizeRecommenderPlugin.calculateSizeRecommendation(
        heightCm: heightCm,
        weightKg: weightKg,
      );

      // 检查是否仍然挂载（防止异步问题）
      if (mounted) {
        Navigator.push(
          context,
          MaterialPageRoute(
            builder: (context) =>
                ResultScreen(recommendedSize: recommendedSize ?? 'Unknown'),
          ),
        );
      }
    } catch (e) {
      // 处理无效输入或插件错误
      if (mounted) {
        showDialog(
          context: context,
          builder: (context) => AlertDialog(
            title: const Text("输入错误"),
            content: Text("错误: $e"),
            actions: [
              TextButton(
                onPressed: () => Navigator.pop(context),
                child: const Text("确定"),
              ),
            ],
          ),
        );
      }
    }
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text("找到你的完美尺寸")),
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            TextField(
              controller: heightController,
              keyboardType: TextInputType.number,
              decoration: const InputDecoration(
                labelText: "身高 (cm)",
                border: OutlineInputBorder(),
              ),
            ),
            const SizedBox(height: 16),
            TextField(
              controller: weightController,
              keyboardType: TextInputType.number,
              decoration: const InputDecoration(
                labelText: "体重 (kg)",
                border: OutlineInputBorder(),
              ),
            ),
            const SizedBox(height: 32),
            ElevatedButton(
              onPressed: getSizeRecommendation,
              child: const Text("获取尺寸推荐"),
            ),
          ],
        ),
      ),
    );
  }
}

class ResultScreen extends StatelessWidget {
  final String recommendedSize;

  const ResultScreen({super.key, required this.recommendedSize});

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text("你的推荐尺寸")),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Text(
              "你的推荐尺寸: $recommendedSize",
              style: const TextStyle(fontSize: 24, fontWeight: FontWeight.bold),
            ),
            const SizedBox(height: 16),
            Text(
              "基于你的信息，尺寸$recommendedSize被推荐。",
              textAlign: TextAlign.center,
              style: const TextStyle(fontSize: 16),
            ),
            const SizedBox(height: 32),
            ElevatedButton(
              onPressed: () => Navigator.pop(context),
              child: const Text("确定"),
            ),
          ],
        ),
      ),
    );
  }
}