Flutter UI组件插件bejour_ui的使用

本文档将介绍如何在Flutter项目中使用bejour_ui插件。该插件包含了一些UI组件和功能逻辑，这些内容将在Béjour及其家族应用中共享。

特性

• 提供一组通用的UI组件。
• 包含一些实用的功能逻辑。
• 易于集成到现有项目中。

开始使用

添加依赖

首先，在pubspec.yaml文件中添加bejour_ui插件的依赖：

dependencies:
  bejour_ui: ^1.0.0

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

flutter pub get

导入插件

在需要使用bejour_ui的文件中导入插件：

import 'package:bejour_ui/bejour_ui.dart';

使用示例

以下是一个完整的示例，展示如何在Flutter项目中使用bejour_ui插件。

创建一个简单的页面

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

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: BejourHomePage(),
    );
  }
}

class BejourHomePage extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Bejour UI 示例'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            // 使用 Bejour 的按钮组件
            BejourButton(
              text: '点击我',
              onPressed: () {
                print('按钮被点击了！');
              },
            ),
            SizedBox(height: 20), // 增加间距
            // 使用 Bejour 的文本组件
            BejourText(
              text: '这是一个示例文本',
              style: TextStyle(fontSize: 18),
            ),
          ],
        ),
      ),
    );
  }
}