-
Notifications
You must be signed in to change notification settings - Fork 549
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
renancaraujo
committed
Aug 11, 2020
1 parent
a5ad0d0
commit 0b08f57
Showing
18 changed files
with
702 additions
and
677 deletions.
There are no files selected for viewing
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,45 @@ | ||
| import 'package:flutter/material.dart'; | ||
| import 'package:photo_view/photo_view.dart'; | ||
|
|
||
| class CommonExampleRouteWrapper extends StatelessWidget { | ||
| const CommonExampleRouteWrapper({ | ||
| this.imageProvider, | ||
| this.loadingBuilder, | ||
| this.backgroundDecoration, | ||
| this.minScale, | ||
| this.maxScale, | ||
| this.initialScale, | ||
| this.basePosition = Alignment.center, | ||
| this.filterQuality = FilterQuality.none, | ||
| }); | ||
|
|
||
| final ImageProvider imageProvider; | ||
| final LoadingBuilder loadingBuilder; | ||
| final Decoration backgroundDecoration; | ||
| final dynamic minScale; | ||
| final dynamic maxScale; | ||
| final dynamic initialScale; | ||
| final Alignment basePosition; | ||
| final FilterQuality filterQuality; | ||
|
|
||
| @override | ||
| Widget build(BuildContext context) { | ||
| return Scaffold( | ||
| body: Container( | ||
| constraints: BoxConstraints.expand( | ||
| height: MediaQuery.of(context).size.height, | ||
| ), | ||
| child: PhotoView( | ||
| imageProvider: imageProvider, | ||
| loadingBuilder: loadingBuilder, | ||
| backgroundDecoration: backgroundDecoration, | ||
| minScale: minScale, | ||
| maxScale: maxScale, | ||
| initialScale: initialScale, | ||
| basePosition: basePosition, | ||
| filterQuality: filterQuality, | ||
| ), | ||
| ), | ||
| ); | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,43 @@ | ||
| import 'package:flutter/material.dart'; | ||
|
|
||
| class ExampleButtonNode extends StatelessWidget { | ||
| const ExampleButtonNode({ | ||
| this.title, | ||
| this.onPressed, | ||
| }); | ||
|
|
||
| final String title; | ||
| final Function onPressed; | ||
|
|
||
| @override | ||
| Widget build(BuildContext context) { | ||
| return Container( | ||
| margin: const EdgeInsets.symmetric( | ||
| vertical: 20.0, | ||
| ), | ||
| child: Column( | ||
| children: <Widget>[ | ||
| Text( | ||
| title, | ||
| textAlign: TextAlign.center, | ||
| style: const TextStyle( | ||
| color: Colors.black, | ||
| fontSize: 21.0, | ||
| fontWeight: FontWeight.w600, | ||
| ), | ||
| ), | ||
| Container( | ||
| margin: const EdgeInsets.only( | ||
| top: 10.0, | ||
| ), | ||
| child: RaisedButton( | ||
| onPressed: onPressed, | ||
| child: const Text("Open example"), | ||
| color: Colors.amber, | ||
| ), | ||
| ) | ||
| ], | ||
| ), | ||
| ); | ||
| } | ||
| } |
165 changes: 165 additions & 0 deletions
165
example/lib/screens/examples/common_use_cases_examples.dart
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,165 @@ | ||
| import 'package:flutter/material.dart'; | ||
| import 'package:photo_view/photo_view.dart'; | ||
| import 'package:photo_view_example/screens/common/app_bar.dart'; | ||
| import 'package:photo_view_example/screens/common/common_example_wrapper.dart'; | ||
| import 'package:photo_view_example/screens/common/example_button.dart'; | ||
|
|
||
| class CommonUseCasesExamples extends StatelessWidget { | ||
| @override | ||
| Widget build(BuildContext context) { | ||
| return ExampleAppBarLayout( | ||
| title: "Common use cases", | ||
| showGoBack: true, | ||
| child: ListView( | ||
| children: <Widget>[ | ||
| ExampleButtonNode( | ||
| title: "Large Image", | ||
| onPressed: () { | ||
| Navigator.push( | ||
| context, | ||
| MaterialPageRoute( | ||
| builder: (context) => const CommonExampleRouteWrapper( | ||
| imageProvider: const AssetImage("assets/large-image.jpg"), | ||
| ), | ||
| ), | ||
| ); | ||
| }, | ||
| ), | ||
| ExampleButtonNode( | ||
| title: "Large Image (filter quality: medium)", | ||
| onPressed: () { | ||
| Navigator.push( | ||
| context, | ||
| MaterialPageRoute( | ||
| builder: (context) => const CommonExampleRouteWrapper( | ||
| imageProvider: const AssetImage("assets/large-image.jpg"), | ||
| filterQuality: FilterQuality.medium, | ||
| ), | ||
| ), | ||
| ); | ||
| }, | ||
| ), | ||
| ExampleButtonNode( | ||
| title: "Small Image (custom background)", | ||
| onPressed: () { | ||
| Navigator.push( | ||
| context, | ||
| MaterialPageRoute( | ||
| builder: (context) => const CommonExampleRouteWrapper( | ||
| imageProvider: const AssetImage("assets/small-image.jpg"), | ||
| backgroundDecoration: BoxDecoration( | ||
| gradient: LinearGradient( | ||
| colors: <Color>[Colors.white, Colors.grey], | ||
| stops: [0.1, 1.0], | ||
| ), | ||
| ), | ||
| ), | ||
| ), | ||
| ); | ||
| }, | ||
| ), | ||
| ExampleButtonNode( | ||
| title: "Small Image (custom alignment)", | ||
| onPressed: () { | ||
| Navigator.push( | ||
| context, | ||
| MaterialPageRoute( | ||
| builder: (context) => const CommonExampleRouteWrapper( | ||
| imageProvider: const AssetImage("assets/small-image.jpg"), | ||
| backgroundDecoration: BoxDecoration( | ||
| color: Colors.white, | ||
| ), | ||
| basePosition: Alignment(0.5, 0.0), | ||
| ), | ||
| ), | ||
| ); | ||
| }, | ||
| ), | ||
| ExampleButtonNode( | ||
| title: "Animated GIF", | ||
| onPressed: () { | ||
| Navigator.push( | ||
| context, | ||
| MaterialPageRoute( | ||
| builder: (context) => const CommonExampleRouteWrapper( | ||
| imageProvider: const AssetImage("assets/neat.gif"), | ||
| ), | ||
| ), | ||
| ); | ||
| }, | ||
| ), | ||
| ExampleButtonNode( | ||
| title: "Limited scale", | ||
| onPressed: () { | ||
| Navigator.push( | ||
| context, | ||
| MaterialPageRoute( | ||
| builder: (context) => CommonExampleRouteWrapper( | ||
| imageProvider: const AssetImage("assets/large-image.jpg"), | ||
| minScale: PhotoViewComputedScale.contained * 0.8, | ||
| maxScale: PhotoViewComputedScale.covered * 1.1, | ||
| initialScale: PhotoViewComputedScale.covered * 1.1, | ||
| ), | ||
| ), | ||
| ); | ||
| }, | ||
| ), | ||
| ExampleButtonNode( | ||
| title: "Custom Initial scale", | ||
| onPressed: () { | ||
| Navigator.push( | ||
| context, | ||
| MaterialPageRoute( | ||
| builder: (context) => CommonExampleRouteWrapper( | ||
| imageProvider: const AssetImage("assets/large-image.jpg"), | ||
| initialScale: PhotoViewComputedScale.contained * 0.7, | ||
| ), | ||
| ), | ||
| ); | ||
| }, | ||
| ), | ||
| ExampleButtonNode( | ||
| title: "One tap to dismiss", | ||
| onPressed: () { | ||
| Navigator.push( | ||
| context, | ||
| MaterialPageRoute( | ||
| builder: (context) => const OneTapWrapper( | ||
| imageProvider: const AssetImage("assets/large-image.jpg"), | ||
| ), | ||
| ), | ||
| ); | ||
| }, | ||
| ), | ||
| ], | ||
| ), | ||
| ); | ||
| } | ||
| } | ||
|
|
||
| class OneTapWrapper extends StatelessWidget { | ||
| const OneTapWrapper({ | ||
| this.imageProvider, | ||
| }); | ||
|
|
||
| final ImageProvider imageProvider; | ||
|
|
||
| @override | ||
| Widget build(BuildContext context) { | ||
| return Scaffold( | ||
| body: Container( | ||
| constraints: BoxConstraints.expand( | ||
| height: MediaQuery.of(context).size.height, | ||
| ), | ||
| child: GestureDetector( | ||
| onTapDown: (_) { | ||
| Navigator.pop(context); | ||
| }, | ||
| child: PhotoView( | ||
| imageProvider: imageProvider, | ||
| ), | ||
| ), | ||
| ), | ||
| ); | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.