risin_design #

Risin Design 是一个包含项目中常用工具、小部件和屏幕的包。

待办事项 #

工具：

• REST API 认证请求（CRUD）
• 通过 FCM REST API 发送推送通知

小部件：

• 现代图像列表
• 现代按钮

屏幕：

• 登录、注册、重置密码页面

开始使用 #

此项目是一个 Dart 包的起点， 这是一个库模块，其中包含可以在多个 Flutter 或 Dart 项目中轻松共享的代码。

有关如何开始使用 Flutter 的帮助，请参阅我们的 在线文档，该文档提供了教程、示例、移动开发指南以及完整的 API 参考。

贡献者 #

• Tommaso Bellini (dev@tommasobellini.it) 全栈开发者
• Andrea Rebecchi (电子邮件) Flutter 开发者

使用示例 #

以下是一个简单的示例，展示如何在 Flutter 项目中使用 risin_design 包。

示例代码 #

首先，在你的 Flutter 项目的 pubspec.yaml 文件中添加依赖项：

dependencies:
  risin_design: ^1.0.0

接下来，运行以下命令以更新依赖项：

flutter pub get

现在，你可以在你的 Flutter 项目中使用 risin_design 包了。以下是一个简单的登录页面示例：

import 'package:flutter/material.dart';
import 'package:risin_design/screens/login_screen.dart';

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Risin Design Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: LoginScreen(), // 使用 risin_design 提供的登录屏幕
    );
  }
}

在这个示例中，我们导入了 risin_design 包，并在主应用中使用了其提供的 LoginScreen 小部件。

现代按钮 #

如果你想要使用 risin_design 中的现代按钮，可以这样做：

import 'package:flutter/material.dart';
import 'package:risin_design/widgets/modern_button.dart';

class MyButtonPage extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Modern Button Example'),
      ),
      body: Center(
        child: ModernButton( // 使用 risin_design 提供的现代按钮
          text: '点击我',
          onPressed: () {
            print('按钮被点击了');
          },
        ),
      ),
    );
  }
}

在这个示例中，我们导入了 risin_design 包，并在页面中使用了其提供的 ModernButton 小部件。

现代图像列表 #

如果你想要使用 risin_design 中的现代图像列表，可以这样做：

import 'package:flutter/material.dart';
import 'package:risin_design/widgets/modern_image_list.dart';

class MyImageListPage extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Modern Image List Example'),
      ),
      body: Center(
        child: ModernImageList( // 使用 risin_design 提供的现代图像列表
          images: [
            'https://via.placeholder.com/150',
            'https://via.placeholder.com/150',
            'https://via.placeholder.com/150',
          ],
        ),
      ),
    );
  }
}

在这个示例中，我们导入了 risin_design 包，并在页面中使用了其提供的 ModernImageList 小部件。