Flutter:向用户显示总分/级别

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('总分/级别显示'),
        ),
        body: Center(
          child: ScoreDisplay(score: 85),
        ),
      ),
    );
  }
}

class ScoreDisplay extends StatelessWidget {
  final int score;

  ScoreDisplay({required this.score});

  String get level {
    if (score >= 90) {
      return 'A';
    } else if (score >= 80) {
      return 'B';
    } else if (score >= 70) {
      return 'C';
    } else if (score >= 60) {
      return 'D';
    } else {
      return 'F';
    }
  }

  @override
  Widget build(BuildContext context) {
    return Column(
      mainAxisAlignment: MainAxisAlignment.center,
      children: [
        Text('总分: $score'),
        SizedBox(height: 20),
        Text('级别: $level'),
      ],
    );
  }
}

flutter:
  fonts:
    - family: 'NotoSansCJKsc'
      fonts:
        - asset: assets/fonts/NotoSansCJKsc-Regular.otf

Text(
  '总分: $score',
  style: TextStyle(fontFamily: 'NotoSansCJKsc'),
)