custom_scrollable_screen 2.0.0 copy "custom_scrollable_screen: ^2.0.0" to clipboard
custom_scrollable_screen: ^2.0.0 copied to clipboard

Flutter package to create a custom scrollable screen

example/lib/main.dart

import 'package:flutter/material.dart';
import "package:custom_scrollable_screen/custom_scrollable_screen.dart";

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Custom Scrollable Screen Example',
      theme: ThemeData(primarySwatch: Colors.blue),
      home: CustomScrollableScreen(
        headerHeight: 250,
        headerBuilder: (context) => Container(
          color: Colors.amber,
          alignment: Alignment.center,
          child: Text(
            "Custom Screen",
            style: Theme.of(context).primaryTextTheme.headline,
          ),
        ),
        childreen: <Widget>[
          ClipRRect(
            borderRadius: BorderRadius.vertical(top: Radius.circular(25)),
            child: Container(
              height: 300,
              color: Colors.green,
            ),
          ),
          Container(
            height: 250,
            color: Colors.red,
          ),
          ClipRRect(
            borderRadius: BorderRadius.vertical(bottom: Radius.circular(25)),
            child: Container(
              height: 470,
              color: Colors.purple,
            ),
          ),
        ],
      ),
    );
  }
}
1
likes
20
pub points
0%
popularity

Publisher

unverified uploader

Flutter package to create a custom scrollable screen

Homepage
Repository (GitHub)
View/report issues

License

unknown (LICENSE)

Dependencies

flutter

More

Packages that depend on custom_scrollable_screen