Flutter UI组件插件orangeme_material的使用

本包专为orange.me应用及其主题数据设计。

特性

• orange.me 主题数据

开始使用

在使用此插件之前，请确保您的项目已正确配置并添加了依赖项。首先，在 pubspec.yaml 文件中添加以下依赖：

dependencies:
  orangeme_material: ^1.0.0

然后运行以下命令以获取依赖项：

flutter pub get

使用示例

导入包

在您的 Dart 文件中导入 orangeme_material 包：

import 'package:orangeme_material/orangeme_material.dart';

示例代码

以下是一个完整的示例，展示如何使用 orangeme_material 插件来构建一个带有橙色主题的应用界面。

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

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Orange.me Material Demo',
      theme: orangeMeThemeData, // 使用 orangeme_material 提供的主题数据
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Orange.me Material'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Text(
              'Hello, Orange.me!',
              style: TextStyle(fontSize: 24, fontWeight: FontWeight.bold),
            ),
            SizedBox(height: 20),
            ElevatedButton(
              onPressed: () {
                ScaffoldMessenger.of(context).showSnackBar(
                  SnackBar(content: Text('Button Pressed!')),
                );
              },
              child: Text('Press Me'),
            ),
          ],
        ),
      ),
    );
  }
}