rounded_scroll 1.0.1 copy "rounded_scroll: ^1.0.1" to clipboard
rounded_scroll: ^1.0.1 copied to clipboard

Swipe and scroll in style! RoundedScroll is the perfect widget for your modern Flutter designs. Customize it to your liking and watch it update as you navigate!

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
copied to clipboard

Then, import the package in your code:

import 'package:rounded_scroll/rounded_scroll.dart';
copied to clipboard

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
)
copied to clipboard

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
        ),
      ),
    );
  }
}
copied to clipboard

License #

This package is licensed under the MIT License.

Github Repository #

Github Repository

4
likes
140
points
30
downloads

Publisher

unverified uploader

Weekly Downloads

2024.09.16 - 2025.03.31

Swipe and scroll in style! RoundedScroll is the perfect widget for your modern Flutter designs. Customize it to your liking and watch it update as you navigate!

Repository (GitHub)

Topics

#flutter #scroll #rounded #widget #ui

Documentation

API reference

License

MIT (license)

Dependencies

flutter, line_awesome_flutter

More

Packages that depend on rounded_scroll