使用FLutter创建自定义标签

import 'package:flutter/material.dart';

class CustomTag extends StatelessWidget {
  final String text;

  CustomTag({required this.text});

  @override
  Widget build(BuildContext context) {
    return Container(
      padding: EdgeInsets.symmetric(horizontal: 10, vertical: 5),
      decoration: BoxDecoration(
        color: Colors.blue,
        borderRadius: BorderRadius.circular(10),
      ),
      child: Text(
        text,
        style: TextStyle(
          color: Colors.white,
          fontSize: 16,
        ),
      ),
    );
  }
}

// 在应用程序的主界面中使用CustomTag Widget
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Custom Tag Example'),
        ),
        body: Center(
          child: CustomTag(text: 'Custom Tag'),
        ),
      ),
    );
  }
}

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