Risto Widgets

Risto Widgets 是一个全面的 Flutter 自定义小部件库，旨在增强和简化应用开发。无论你需要可定制的按钮、容器还是可展开的列表项，这个包都提供了各种工具，帮助你轻松构建美观且功能强大的用户界面。

概览

Risto Widgets 是一个全面的 Flutter 自定义小部件库，旨在增强和简化应用开发。无论你需要可定制的按钮、容器还是可展开的列表项，这个包都提供了各种工具，帮助你轻松构建美观且功能强大的用户界面。

文档

如需详细的文档、使用示例等信息，请访问我们的 Wiki。

入门指南

要开始使用 risto_widgets，请参阅我们 Wiki 中的 入门指南。

示例

查看 示例 以了解如何在你的 Flutter 项目中使用这些小部件。

贡献

我们欢迎贡献！请参阅我们的 贡献指南 了解更多详情。

许可证

该项目采用 MIT 许可证 - 详情请参阅 许可证文件。

示例代码

以下是使用 Risto Widgets 的完整示例：

示例代码

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

// 导入页面
import 'pages/action_button_page.dart';
import 'pages/custom_sheet_page.dart';
import 'pages/expandable_page.dart';
import 'pages/increment_decrement_page.dart';
import 'pages/list_tile_button_page.dart';

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

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: '自定义小部件演示',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: const HomePage(),
    );
  }
}

class HomePage extends StatefulWidget {
  const HomePage({super.key});

  @override
  State<HomePage> createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> {
  final List<NavigationItem> _navigationItems = [];

  @override
  void initState() {
    super.initState();

    _navigationItems.addAll([
      const NavigationItem(
        page: IncrementDecrementPage(),
        icon: Icon(Icons.home),
        label: '增减计数',
      ),
      const NavigationItem(
        page: ActionButtonPage(),
        icon: Icon(Icons.search),
        label: '动作按钮',
      ),
      const NavigationItem(
        page: ListTileButtonPage(),
        icon: Icon(Icons.list),
        label: '列表项按钮',
      ),
      const NavigationItem(
        page: ExpandablePage(),
        icon: Icon(Icons.expand),
        label: '可展开项',
      ),
      const NavigationItem(
        page: CustomSheetPage(),
        icon: Icon(Icons.open_in_new),
        label: '自定义表单',
      ),
    ]);
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('自定义小部件演示'),
      ),
      body: CustomBottomNavBar(
        showUnselectedLabels: false,
        type: BottomNavigationBarType.fixed,
        backgroundColor: Colors.white,
        selectedItemColor: Colors.lightBlue,
        unselectedItemColor: Colors.blue,
        elevation: 8.0,
        itemPadding: const EdgeInsets.all(5),
        items: _navigationItems,
      ),
    );
  }
}

NavigationItem 类定义

class NavigationItem {
  final Widget page;
  final Icon icon;
  final String label;

  NavigationItem({
    required this.page,
    required this.icon,
    required this.label,
  });
}

CustomBottomNavBar 小部件

class CustomBottomNavBar extends StatelessWidget {
  final bool showUnselectedLabels;
  final BottomNavigationBarType type;
  final Color backgroundColor;
  final Color selectedItemColor;
  final Color unselectedItemColor;
  final double elevation;
  final EdgeInsetsGeometry itemPadding;
  final List<NavigationItem> items;

  CustomBottomNavBar({
    required this.showUnselectedLabels,
    required this.type,
    required this.backgroundColor,
    required this.selectedItemColor,
    required this.unselectedItemColor,
    required this.elevation,
    required this.itemPadding,
    required this.items,
  });

  @override
  Widget build(BuildContext context) {
    return BottomNavigationBar(
      showUnselectedLabels: showUnselectedLabels,
      type: type,
      backgroundColor: backgroundColor,
      selectedItemColor: selectedItemColor,
      unselectedItemColor: unselectedItemColor,
      elevation: elevation,
      items: items.map((item) {
        return BottomNavigationBarItem(
          icon: item.icon,
          label: item.label,
        );
      }).toList(),
      onTap: (index) {
        // 处理导航逻辑
      },
    );
  }
}