rui_admin 0.0.16
rui_admin: ^0.0.16 copied to clipboard
A flutter UI, for crossing platform APP, supporting mobile and windows, macos, web. 主要特点:admin布局,左侧菜单栏可展开收起,在宽度太小时自动切换为drawer。
Use this package as a library
Depend on it
Run this command:
With Flutter:
$ flutter pub add rui_admin
This will add a line like this to your package's pubspec.yaml (and run an implicit flutter pub get
):
dependencies:
rui_admin: ^0.0.16
Alternatively, your editor might support flutter pub get
. Check the docs for your editor to learn more.
Import it
Now in your Dart code, you can use:
import 'package:rui_admin/components/form/rui_button.dart';
import 'package:rui_admin/components/form/rui_input.dart';
import 'package:rui_admin/components/menu/rui_left_collapsible_menu.dart';
import 'package:rui_admin/components/menu/rui_menu_item.dart';
import 'package:rui_admin/components/menu/rui_menu_item_button.dart';
import 'package:rui_admin/components/menu/rui_popup_menu.dart';
import 'package:rui_admin/components/mini_icon_button/mini_icon_button.dart';
import 'package:rui_admin/components/modern_tab_view/modern_tab_view.dart';
import 'package:rui_admin/components/panels/head_tools_bar.dart';
import 'package:rui_admin/components/panels/rui_footer.dart';
import 'package:rui_admin/components/panels/rui_left_nav_bar.dart';
import 'package:rui_admin/components/panels/rui_logo_panel.dart';
import 'package:rui_admin/components/panels/rui_top_nav_bar.dart';
import 'package:rui_admin/components/panels/user/login_form.dart';
import 'package:rui_admin/components/panels/user/mini_login_status_widget.dart';
import 'package:rui_admin/components/panels/user/rui_login_status_panel.dart';
import 'package:rui_admin/components/resizable_panel.dart';
import 'package:rui_admin/components/rui_app.dart';
import 'package:rui_admin/components/rui_app_navigator.dart';
import 'package:rui_admin/components/rui_layout_provider.dart';
import 'package:rui_admin/components/rui_route.dart';
import 'package:rui_admin/components/rui_scaffold.dart';
import 'package:rui_admin/components/setting/theme_setting_button.dart';
import 'package:rui_admin/components/toolbar/rui_toolbar.dart';
import 'package:rui_admin/components/toolbar/rui_toolbar_item.dart';
import 'package:rui_admin/components/tree_list_view/rui_tree_list_col_header.dart';
import 'package:rui_admin/components/tree_list_view/rui_tree_list_item.dart';
import 'package:rui_admin/components/tree_list_view/rui_tree_list_view.dart';
import 'package:rui_admin/pages/about_page.dart';
import 'package:rui_admin/pages/contact_page.dart';
import 'package:rui_admin/pages/login_page.dart';
import 'package:rui_admin/pages/not_found/not_found_page.dart';
import 'package:rui_admin/provider/theme_model.dart';
import 'package:rui_admin/rui.dart';
import 'package:rui_admin/storage/rui_storage_manager.dart';
import 'package:rui_admin/theme/rui_theme.dart';