shape_of_view

Description:

shape of view

flutter_shape_of_view #
Give a custom shape to any flutter widget, Material Design 2 ready
Download #
https://pub.dev/packages/shape_of_view
dependencies:
shape_of_view:
copied to clipboard
Give a custom shape to any android view
Useful for Material Design 2



ShapeOfView(
shape: YOUR_SHAPE,
elevation: 4,
height: 300, //height & width are optional
child: ...
),
copied to clipboard
Use implemented shapes #
ShapeOfView came with pre-created shapes :
Circle #

ShapeOfView(
shape: CircleShape(
borderColor: Colors.white, //optional
borderWidth: 2, //optional
),
child: ...
copied to clipboard
RoundRect #

ShapeOfView(
shape: RoundRectShape(
borderRadius: BorderRadius.circular(12),
borderColor: Colors.white, //optional
borderWidth: 2, //optional
),
child: ...
copied to clipboard
ClipCorner #

ShapeOfView(
shape: CutCornerShape(
borderRadius: BorderRadius.circular(12);
),
child: ...
copied to clipboard
Arc #

ShapeOfView(
shape: ArcShape(
direction: ArcDirection.Outside,
height: 20,
position: ArcPosition.Bottom
),
child: ...
)
copied to clipboard
Diagonal #

ShapeOfView(
elevation: 4,
height: 300,
shape: DiagonalShape(
position: DiagonalPosition.Bottom,
direction: DiagonalDirection.Right,
angle: DiagonalAngle.deg(angle: 10)
),
child: ...
)
copied to clipboard
Triangle #

ShapeOfView(
shape: TriangleShape(
percentBottom: 0.5,
percentLeft: 0,
percentRight: 0
),
child: ...,
)
copied to clipboard
Bubble #

ShapeOfView(
shape: BubbleShape(
position: BubblePosition.Bottom,
arrowPositionPercent: 0.5,
borderRadius: 20,
arrowHeight: 10,
arrowWidth: 10
),
child: ...,
)
copied to clipboard
Star #


ShapeOfView(
shape: StarShape(
noOfPoints: 5
),
child: ...,
)
copied to clipboard
Polygon #

ShapeOfView(
shape: PolygonShape(
numberOfSides: 9
),
child: ...,
)
copied to clipboard
Use a custom Shape #
ShapeOfView(
shape: CustomShape(
builder: (rect) => Path()
..moveTo(0, 0)
..close()
),
child: ...,
)
copied to clipboard
or extend Shape
class MyShape extends Shape {

@override
Path build({Rect rect, double scale}) {
return Path()
..moveTo(0, 0)
..close();
}

}
copied to clipboard
then
ShapeOfView(
shape: MyShape(),
child: ...,
)
copied to clipboard
Getting Started with Flutter #
For help getting started with Flutter, view our
online documentation, which offers tutorials,
samples, guidance on mobile development, and a full API reference.
License #
Copyright 2019 florent37, Inc.

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
copied to clipboard