Skip to content

Rounded Scroll is a Flutter package that provides a customizable rounded scrollable container widget with a scroll indicator icon. It is suitable for creating modern UI designs with scrollable content.

License

Notifications You must be signed in to change notification settings

dylanroman03/RoundedScroll

Repository files navigation

Rounded Scroll

Rounded Scroll is a Flutter package that provides a customizable rounded scrollable container widget with a scroll indicator icon. It is suitable for creating modern UI designs with scrollable content.

real_example_1 real_example_2

Features

  • Rounded container with customizable background color.
  • Scroll indicator icon that updates dynamically based on scroll direction.
  • Easy to integrate into existing Flutter projects.

Installation

To use this package, add rounded_scroll as a dependency in your pubspec.yaml file.

dependencies:
  rounded_scroll: ^1.0.0

Then, import the package in your code:

import 'package:rounded_scroll/rounded_scroll.dart';

Usage

Wrap your content inside a RoundedScroll widget and provide a list of children widgets. You can customize the container's background color and padding.

RoundedScroll(
  children: [
    // Your child widgets here
  ],
  color: Colors.blue, // Optional: specify background color
  padding: EdgeInsets.all(16), // Optional: specify padding
)

That's it! Your content will now be displayed inside a rounded scrollable container with a scroll indicator.

Examples

Here's a simple example of how you can use RoundedScroll in your Flutter app:

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

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Rounded Scroll Example'),
        ),
        body: RoundedScroll(
          children: [
            ListTile(
              title: Text('Item 1'),
            ),
            ListTile(
              title: Text('Item 2'),
            ),
            ListTile(
              title: Text('Item 3'),
            ),
            // Add more child widgets as needed
          ],
          color: Colors.green, // Customize background color
          padding: EdgeInsets.all(16), // Add padding if necessary
        ),
      ),
    );
  }
}

License

This package is licensed under the MIT License.

Github Repository

Github Repository

About

Rounded Scroll is a Flutter package that provides a customizable rounded scrollable container widget with a scroll indicator icon. It is suitable for creating modern UI designs with scrollable content.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages