Flutter插件fluttersax

Vuesax + Flutter = Fluttersax

Widgets

• FsContainer
• FsButton
• FsCard
• FsNavBar
• FsPage

Functions

• FsColor
• FsToggleTheme
• FsSetTheme

## 潜在使用示例

以下是一个完整的示例，展示了如何使用 `Fluttersax` 插件中的不同组件。

### 引入依赖

首先，在 `pubspec.yaml` 文件中添加 `fluttersax` 依赖：

```yaml
dependencies:
  fluttersax: ^1.0.0

然后运行 flutter pub get 来安装依赖。

示例代码

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

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Fluttersax 示例'),
        ),
        body: Center(
          child: FluttersaxPage(
            children: [
              FsContainer(
                padding: EdgeInsets.all(16),
                margin: EdgeInsets.all(8),
                decoration: BoxDecoration(
                  color: Colors.blue,
                  borderRadius: BorderRadius.circular(8),
                ),
                child: Text(
                  'FsContainer 示例',
                  style: TextStyle(color: Colors.white),
                ),
              ),
              SizedBox(height: 20),
              FsButton(
                text: 'FsButton 示例',
                onPressed: () {
                  print('按钮被点击了');
                },
              ),
              SizedBox(height: 20),
              FsCard(
                child: Column(
                  children: [
                    Text('FsCard 示例'),
                    Text('这是一个卡片组件'),
                  ],
                ),
              ),
              SizedBox(height: 20),
              FsNavBar(
                items: [
                  FsNavBarItem(icon: Icons.home, label: '首页'),
                  FsNavBarItem(icon: Icons.search, label: '搜索'),
                  FsNavBarItem(icon: Icons.person, label: '个人中心'),
                ],
                onItemSelected: (index) {
                  print('选中了第 $index 个导航项');
                },
              ),
            ],
          ),
        ),
      ),
    );
  }
}