samsung_ui_scroll_effect 0.0.3

samsung_ui_scroll_effect: ^0.0.3 copied to clipboard

Samsung UI Scroll Effect #

This package is a custom scroll view that implements Samsung's One UI scroll effect.

See it in action #

Check example for the complete code

Usage #

• First, add the dependency to your pubspec.yaml file

dependencies:
  flutter:
    sdk: flutter
  samsung_ui_scroll_effect:

• Supply SamsungUiScrollEffect to the body of your Scaffold.

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'SamsungUiScrollEffectDemo',
      home: ExamplePage(),
    );
  }
}

class ExamplePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: SamsungUiScrollEffect(
        expandedTitle: Text('SAMSUNG UI SCROLL VIEW', style: TextStyle(fontSize: 32)),
        collapsedTitle: Text('Home', style: TextStyle(fontSize: 24)),
        backgroundColor: Colors.white,
        expandedHeight: 350,
        automaticallyImplyLeading: false,
        actions: [
          IconButton(icon: const Icon(Icons.more_vert), onPressed: () {}),
        ],
        children: List<Widget>.generate(100, (index) {
          return Padding(
            padding: const EdgeInsets.all(16),
            child: Text(
              'List ${index + 1}',
              style: TextStyle(fontSize: 24),
            ),
          );
        }),
      ),
    );
  }
}

• Further explanation

Issues and bugs #

To report bugs, issues or request a feature click here.

Appreciation #

Thanks to Minseong Kim for the permission to make a package out of One Ui Scroll View