-
Notifications
You must be signed in to change notification settings - Fork 33
/
player.dart
111 lines (107 loc) · 3.83 KB
/
player.dart
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
import 'package:advstory/advstory.dart';
import 'package:example/mock_story_data.dart';
import 'package:flutter/material.dart';
/// Example for [AdvStory.player] usage.
///
/// [AdvStory.player] constructor allows to create a story view without
/// tray list. Also you can set story view's size, position or anything you
/// want like any other widget.
///
/// This example opens and closes story view with button taps.
class Player extends StatefulWidget {
const Player({Key? key}) : super(key: key);
@override
State<Player> createState() => _PlayerState();
}
class _PlayerState extends State<Player> {
final _controller = AdvStoryPlayerController();
@override
Widget build(BuildContext context) {
return Scaffold(
body: SafeArea(
child: Stack(
children: [
Align(
alignment: Alignment.topCenter,
child: Padding(
padding: const EdgeInsets.all(15),
child: Row(
children: const [
Icon(Icons.info, color: Colors.blue),
SizedBox(width: 10),
Expanded(
child: Text(
'AdvStory.player builds a story view without a tray list.'
' Custom open animation, size, position and anything'
' desired can be applied to the story view. \n',
style: TextStyle(color: Colors.black87),
),
),
],
),
),
),
Center(
child: Padding(
padding: const EdgeInsets.only(bottom: 15),
child: Column(
mainAxisAlignment: MainAxisAlignment.end,
children: [
const Text('Player Example'),
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
ElevatedButton(
child: const Text('Open'),
onPressed: () =>
_controller.open(StoryPosition(2, 2)),
),
const SizedBox(width: 20),
ElevatedButton(
child: const Text('Close'),
onPressed: () => _controller.close(),
),
],
),
],
),
),
),
Center(
child: ClipRRect(
borderRadius: BorderRadius.circular(20),
child: SizedBox(
width: MediaQuery.of(context).size.width * .5,
height: MediaQuery.of(context).size.height * .5,
child: AdvStory.player(
storyCount: profilePics.length,
controller: _controller,
style: const AdvStoryStyle(
indicatorStyle: IndicatorStyle(
padding: EdgeInsets.all(8),
),
),
storyBuilder: (storyIndex) => Story(
contentCount: 3,
contentBuilder: (contentIndex) {
return SimpleCustomContent(
builder: (context) {
return Container(
color: Colors.blueAccent,
alignment: Alignment.center,
child: const Text('😎'),
);
},
);
},
),
),
),
),
),
],
),
),
);
}
}