Flutly

Flutly is a modern and customizable library providing widgets and tools for Flutter applications. It offers flexible and user-friendly components that streamline the UI development process.

Features

  • FlutlyApp: Core configuration and theme settings used throughout the application.
  • FlutlyAppBar: Animated and customizable AppBar.
  • FlutlyBottomBar: Customizable and animated bottom bar.
  • FlutlyText: Dynamic and rich text formatting options.
  • FlutlyTextfield: Customizable text field component.
  • FlutlyButton: Flexible and customizable buttons.
  • FlutlyDialog: Customizable dialog windows.
  • FlutlyToast: Customizable toast notifications for user messages.
  • FlutlyTheme: Theme and style management for the application.

Getting Started

Installation

Add the following line to your pubspec.yaml file:

dependencies:
  flutly: ^1.0.0

Then, run flutter pub get in your terminal to add the library to your project.

Usage

FlutlyApp

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

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await Flutly.setup(const MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return FlutlyApp(
      title: 'Flutter Demo',
      appBar: FlutlyAppBar(
        animated: true,
        color: Colors.blue,
      ),
      bottomBar: FlutlyBottomBar(
        height: 60,
        items: [
          FlutlyBottomBarItem(
            page: FlutlyPage(
              name: "Home",
              page: const HomePage(),
            ),
            activePath: SvgPicture.asset("assets/home_active.svg"),
          ),
          // Other tabs...
        ],
      ),
      pages: [
        FlutlyPage(name: "Home", page: const HomePage()),
        // Other pages...
      ],
    );
  }
}

FlutlyText

import 'package:flutly/widgets/flutly_text.dart';
import 'package:flutter/material.dart';

class ExamplePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: FlutlyText(
          "Hello World",
          font: "headline1",
        ),
      ),
    );
  }
}

FlutlyButton

import 'package:flutly/widgets/flutly_button.dart';
import 'package:flutter/material.dart';

class ExamplePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: FlutlyButton(
          onTap: () {
            // Button tap action
          },
          text: "Click Me",
        ),
      ),
    );
  }
}

Documentation

For more information and detailed documentation, please visit the Flutly Documentation page.

Contributing

We welcome contributions! Please read the Contributing Guide and reach out before submitting a pull request.

License

This project is licensed under the MIT License. For more information, please see the License File.


This file provides essential information and examples for your library, making it accessible and understandable for users and developers. Feel free to customize it according to your project needs.

Libraries

apperiances/flutly_button_apperiances
apperiances/flutly_dialog_apperiances
apperiances/flutly_profile_image_apperiances
apperiances/flutly_toast_apperiances
core/flutly_app
core/flutly_app_bar/flutly_ab_section
core/flutly_app_bar/flutly_app_bar
core/flutly_app_bar/flutly_app_bar_item
core/flutly_bottom_bar/flutly_bb_section
core/flutly_bottom_bar/flutly_bottom_bar
core/flutly_builder
core/flutly_config
core/flutly_config_builder
core/flutly_font
core/flutly_fonts
core/flutly_page
core/flutly_tab_bar/flutly_multi_tab_controller
core/flutly_tab_bar/flutly_tab_controller
core/flutly_tab_bar/flutly_tab_view_controller
core/flutly_theme
core/flutly_transaction
enums/button_type
enums/dialog_type
enums/theme_type
external/fluttertoast/fluttertoast
external/modal_bottom_sheet/src/bottom_sheet
external/modal_bottom_sheet/src/bottom_sheet_route
external/modal_bottom_sheet/src/bottom_sheets/bar_bottom_sheet
external/modal_bottom_sheet/src/bottom_sheets/cupertino_bottom_sheet
external/modal_bottom_sheet/src/bottom_sheets/material_bottom_sheet
external/modal_bottom_sheet/src/material_with_modal_page_route
external/modal_bottom_sheet/src/utils/bottom_sheet_suspended_curve
external/modal_bottom_sheet/src/utils/scroll_to_top_status_bar
flutly
models/flutly_bottom_bar_item
models/flutly_variable
utilities/flutly_utilities
utilities/vsync_provider
widgets/flutly_blured_dialog
widgets/flutly_button
widgets/flutly_dialog
widgets/flutly_image
widgets/flutly_profile_image
widgets/flutly_rich_text
widgets/flutly_stateless_widget
widgets/flutly_text
widgets/flutly_textfield
widgets/flutly_variable_text