Skip to content

Commit

Permalink
changed codebase structure
Browse files Browse the repository at this point in the history
  • Loading branch information
@akshathjain
akshathjain committed Mar 30, 2019
1 parent 34dcf1c commit a5e6669
Show file tree
Hide file tree
Showing 4 changed files with 275 additions and 266 deletions.
2 changes: 1 addition & 1 deletion example/lib/main.dart
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@ class SlidingUpPanelExample extends StatelessWidget {
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
title: 'Flutter Demo',
title: 'SlidingUpPanel Example',
theme: ThemeData(
primarySwatch: Colors.blue,
),
Expand Down
264 changes: 1 addition & 263 deletions lib/sliding_up_panel.dart
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,266 +6,4 @@ Copyright: © 2019, Akshath Jain. All rights reserved.
Licensing: More information can be found here: https://github.com/akshathjain/sliding_up_panel/blob/master/LICENSE
*/

library sliding_up_panel;

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

class SlidingUpPanel extends StatefulWidget {

/// The Widget that lies underneath the sliding panel. This widget automatically sizes itself
/// to be in an area
final Widget childBehind;

/// The Widget displayed in the sliding panel when collapsed. This dissappears as the panel is opened.
final Widget childWhenCollapsed;

/// The Widget displayed when the sliding panel is fully opened. This slides into view as the panel is opened.
/// When the panel is collased and if the [childWhenCollapsed] is null, then top portion of this Widget
/// will be displayed on the panel; otherwise, the [childWhenCollapsed] will be displayed overtop of this Widget.
final Widget child;

/// The height of the sliding panel when fully collapsed.
final double panelHeightCollapsed;

/// The height of the sliding panel when fully open.
final double panelHeightOpen;

/// A border to draw around the sliding panel sheet.
final Border border;

/// If non-null, the corners of the sliding panel sheet are rounded by this [BorderRadius].
final BorderRadiusGeometry borderRadius;

/// A list of shadows cast behind the sliding panel.
final List<BoxShadow> boxShadow;

/// The color to fill the background of the sliding panel.
final Color color;

/// The amount to inset the children of the sliding panel.
final EdgeInsetsGeometry padding;

/// Empty space surrounding the sliding panel.
final EdgeInsetsGeometry margin;

/// Set to false to not to render the sliding panel sheet.
/// This means that only [childBehind], [childWhenCollapsed], and the [child] Widgets will be rendered.
/// Set this to false if you want to achieve a floating effect or want more customization over how the sliding panel
/// looks like.
final bool renderSheet;

/// Set to false to disable the panel from snapping open or closed.
final bool panelSnapping;

SlidingUpPanel({
Key key,
this.childBehind,
this.childWhenCollapsed,
@required this.child,
this.panelHeightCollapsed = 100.0,
this.panelHeightOpen = 500.0,
this.border,
this.borderRadius,
this.boxShadow = const <BoxShadow>[
BoxShadow(
blurRadius: 12.0,
color: Colors.grey,
)
],
this.color = Colors.white,
this.padding,
this.margin,
this.renderSheet = true,
this.panelSnapping = true,
}) : super(key: key);

@override
_SlidingUpPanelState createState() => _SlidingUpPanelState();
}

class _SlidingUpPanelState extends State<SlidingUpPanel> {
@override
Widget build(BuildContext context) {
return Stack(
alignment: Alignment.bottomCenter,
children: <Widget>[

//make the back widget take up the entire back side
widget.childBehind != null ? Container(
height: MediaQuery.of(context).size.height,
width: MediaQuery.of(context).size.width,
child: widget.childBehind,
) : Container(),

_Slider(
closedHeight: widget.panelHeightCollapsed,
openHeight: widget.panelHeightOpen,
collapsed: widget.childWhenCollapsed,
full: widget.child,
border: widget.border,
borderRadius: widget.borderRadius,
boxShadows: widget.boxShadow,
color: widget.color,
padding: widget.padding,
margin: widget.margin,
renderSheet: widget.renderSheet,
panelSnapping: widget.panelSnapping,
),

],
);
}
}


class _Slider extends StatefulWidget {

final double closedHeight;
final double openHeight;
final Widget collapsed;
final Widget full;
final Border border;
final BorderRadiusGeometry borderRadius;
final List<BoxShadow> boxShadows;
final Color color;
final EdgeInsetsGeometry padding;
final EdgeInsetsGeometry margin;
final bool renderSheet;
final bool panelSnapping;

_Slider({
Key key,
@required this.closedHeight,
@required this.openHeight,
@required this.collapsed,
@required this.full,
@required this.border,
@required this.borderRadius,
@required this.boxShadows,
@required this.color,
@required this.padding,
@required this.margin,
@required this.renderSheet,
@required this.panelSnapping,
}) : super (key: key);

@override
_SliderState createState() => _SliderState();
}

class _SliderState extends State<_Slider> with SingleTickerProviderStateMixin{
AnimationController _controller;

@override
void initState(){
super.initState();

_controller = new AnimationController(
vsync: this,
duration: const Duration(milliseconds: 300),
)..addListener((){
setState((){});
});
_controller.value = 0.0;
}

@override
Widget build(BuildContext context) {
return GestureDetector(
onVerticalDragUpdate: _onDrag,
onVerticalDragEnd: _settle,
child: Container(
height: _controller.value * (widget.openHeight - widget.closedHeight) + widget.closedHeight,
margin: widget.margin,
padding: widget.padding,
decoration: widget.renderSheet ? BoxDecoration(
border: widget.border,
borderRadius: widget.borderRadius,
boxShadow: widget.boxShadows,
color: widget.color,
) : null,
child: Stack(
children: <Widget>[

//open panel
Positioned(
top: 0.0,
width: MediaQuery.of(context).size.width,
child: Container(
height: widget.openHeight,
child: widget.full,
)
),

// collapsed panel
Container(
height: widget.closedHeight,
child: Opacity(
opacity: 1.0 - _controller.value,
child: widget.collapsed ?? Container()
),
),


],
),
),
);
}


@override
void dispose(){
_controller.dispose();
super.dispose();
}

void _onDrag(DragUpdateDetails details){
_controller.value -= details.primaryDelta / (widget.openHeight - widget.closedHeight);
}

double _minFlingVelocity = 365.0;

void _settle(DragEndDetails details){

//let the current animation finish before starting a new one
if(_controller.isAnimating) return;

//check if the velocity is sufficient to constitute fling
if(details.velocity.pixelsPerSecond.dy.abs() >= _minFlingVelocity){
double visualVelocity = - details.velocity.pixelsPerSecond.dy / (widget.openHeight - widget.closedHeight);

if(widget.panelSnapping)
_controller.fling(velocity: visualVelocity);
else{
// actual scroll physics, will be implemented in a future release

// double g = 9.8;
// double u = .01;
// double a = u * g;
// double dx = visualVelocity * visualVelocity / (-2 * u * g);
// double t = sqrt(2 * max(dx, -dx) / u / g);
// print((t*1000).toInt());

_controller.animateTo(
_controller.value + visualVelocity * 0.16,
duration: Duration(milliseconds: 410),
curve: Curves.decelerate,
);
}

return;
}

// check if the controller is already halfway there
if (widget.panelSnapping) {
if(_controller.value > 0.5)
_controller.fling();
else
_controller.fling(velocity: -1);
}

}

}
export 'src/panel.dart';
Loading

0 comments on commit a5e6669

Please sign in to comment.