Compare commits
11 Commits
v1.0.21+21
...
v1.0.24+24
Author | SHA1 | Date | |
---|---|---|---|
05484b342a | |||
97d9259fab | |||
b69a9843a7 | |||
acacdef003 | |||
3699e62efc | |||
666a02d293 | |||
28c4a17c43 | |||
189f9a6efd | |||
7130ad9817 | |||
c236049c0a | |||
003797981e |
@ -13,6 +13,13 @@ jobs:
|
|||||||
- name: checkout code
|
- name: checkout code
|
||||||
uses: actions/checkout@v4
|
uses: actions/checkout@v4
|
||||||
|
|
||||||
|
- name: cache pub deps
|
||||||
|
uses: actions/cache@v4
|
||||||
|
with:
|
||||||
|
path: ~/.pub-cache
|
||||||
|
key: ${{ runner.os }}-pub-${{ hashFiles('**/pubspec.yaml') }}
|
||||||
|
restore-keys: ${{ runner.os }}-pub-
|
||||||
|
|
||||||
- name: set up jdk
|
- name: set up jdk
|
||||||
uses: actions/setup-java@v3
|
uses: actions/setup-java@v3
|
||||||
with:
|
with:
|
||||||
|
BIN
assets/images/music.webp
Normal file
BIN
assets/images/music.webp
Normal file
Binary file not shown.
After Width: | Height: | Size: 634 KiB |
@ -1,7 +1,7 @@
|
|||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
import 'package:flutter/services.dart';
|
import 'package:flutter/services.dart';
|
||||||
|
|
||||||
import 'package:f0ckapp/mediagrid.dart';
|
import 'package:f0ckapp/screens/MediaGrid.dart';
|
||||||
|
|
||||||
void main() async {
|
void main() async {
|
||||||
WidgetsFlutterBinding.ensureInitialized();
|
WidgetsFlutterBinding.ensureInitialized();
|
||||||
|
@ -1,9 +1,10 @@
|
|||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
import 'package:cached_network_image/cached_network_image.dart';
|
import 'package:cached_network_image/cached_network_image.dart';
|
||||||
import 'package:f0ckapp/models/mediaitem.dart';
|
import 'package:f0ckapp/models/MediaItem.dart';
|
||||||
import 'package:f0ckapp/services/api.dart';
|
import 'package:f0ckapp/services/Api.dart';
|
||||||
import 'package:f0ckapp/widgets/video_widget.dart';
|
import 'package:f0ckapp/widgets/VideoWidget.dart';
|
||||||
import 'package:f0ckapp/utils/SmartRefreshIndicator.dart';
|
import 'package:f0ckapp/utils/SmartRefreshIndicator.dart';
|
||||||
|
import 'package:f0ckapp/utils/PageTransformer.dart';
|
||||||
|
|
||||||
class DetailView extends StatefulWidget {
|
class DetailView extends StatefulWidget {
|
||||||
final int initialItemId;
|
final int initialItemId;
|
||||||
@ -11,6 +12,7 @@ class DetailView extends StatefulWidget {
|
|||||||
final String type;
|
final String type;
|
||||||
final int mode;
|
final int mode;
|
||||||
final bool random;
|
final bool random;
|
||||||
|
final String? tagname;
|
||||||
|
|
||||||
const DetailView({
|
const DetailView({
|
||||||
super.key,
|
super.key,
|
||||||
@ -19,6 +21,7 @@ class DetailView extends StatefulWidget {
|
|||||||
required this.type,
|
required this.type,
|
||||||
required this.mode,
|
required this.mode,
|
||||||
required this.random,
|
required this.random,
|
||||||
|
required this.tagname,
|
||||||
});
|
});
|
||||||
|
|
||||||
@override
|
@override
|
||||||
@ -28,6 +31,7 @@ class DetailView extends StatefulWidget {
|
|||||||
class _DetailViewState extends State<DetailView> {
|
class _DetailViewState extends State<DetailView> {
|
||||||
late PageController _pageController;
|
late PageController _pageController;
|
||||||
late List<MediaItem> mediaItems;
|
late List<MediaItem> mediaItems;
|
||||||
|
String? _tagname;
|
||||||
int currentItemId = 0;
|
int currentItemId = 0;
|
||||||
bool isLoading = false;
|
bool isLoading = false;
|
||||||
|
|
||||||
@ -35,6 +39,7 @@ class _DetailViewState extends State<DetailView> {
|
|||||||
void initState() {
|
void initState() {
|
||||||
super.initState();
|
super.initState();
|
||||||
mediaItems = widget.mediaItems;
|
mediaItems = widget.mediaItems;
|
||||||
|
_tagname = widget.tagname;
|
||||||
final initialIndex = mediaItems.indexWhere(
|
final initialIndex = mediaItems.indexWhere(
|
||||||
(item) => item.id == widget.initialItemId,
|
(item) => item.id == widget.initialItemId,
|
||||||
);
|
);
|
||||||
@ -66,6 +71,7 @@ class _DetailViewState extends State<DetailView> {
|
|||||||
type: widget.type,
|
type: widget.type,
|
||||||
mode: widget.mode,
|
mode: widget.mode,
|
||||||
random: widget.random,
|
random: widget.random,
|
||||||
|
tag: _tagname,
|
||||||
);
|
);
|
||||||
if (mounted && newMedia.isNotEmpty) {
|
if (mounted && newMedia.isNotEmpty) {
|
||||||
setState(() => mediaItems.addAll(newMedia));
|
setState(() => mediaItems.addAll(newMedia));
|
||||||
@ -109,20 +115,56 @@ class _DetailViewState extends State<DetailView> {
|
|||||||
title: Text('f0ck #$currentItemId (${widget.type})'),
|
title: Text('f0ck #$currentItemId (${widget.type})'),
|
||||||
centerTitle: true,
|
centerTitle: true,
|
||||||
),
|
),
|
||||||
body: PageView.builder(
|
body: Stack(
|
||||||
controller: _pageController,
|
children: [
|
||||||
itemCount: mediaItems.length,
|
PageTransformer(
|
||||||
itemBuilder: (context, index) {
|
controller: _pageController,
|
||||||
final MediaItem item = mediaItems[index];
|
pages: mediaItems.map((item) {
|
||||||
return Scaffold(
|
return Scaffold(
|
||||||
body: SafeArea(
|
body: SafeArea(
|
||||||
child: SmartRefreshIndicator(
|
child: SmartRefreshIndicator(
|
||||||
onRefresh: _refreshMediaItem,
|
onRefresh: _refreshMediaItem,
|
||||||
child: _buildMediaItem(item)
|
child: _buildMediaItem(item),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}).toList(),
|
||||||
|
),
|
||||||
|
if (_tagname != null)
|
||||||
|
Positioned(
|
||||||
|
bottom: 60,
|
||||||
|
left: MediaQuery.of(context).size.width * 0.2,
|
||||||
|
right: MediaQuery.of(context).size.width * 0.2,
|
||||||
|
child: Container(
|
||||||
|
padding: const EdgeInsets.symmetric(
|
||||||
|
vertical: 10,
|
||||||
|
horizontal: 20,
|
||||||
|
),
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: Colors.black.withValues(alpha: 0.8),
|
||||||
|
borderRadius: BorderRadius.circular(12),
|
||||||
|
),
|
||||||
|
child: Row(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||||
|
children: [
|
||||||
|
Text(
|
||||||
|
'Tag: $_tagname',
|
||||||
|
style: const TextStyle(color: Colors.white),
|
||||||
|
),
|
||||||
|
IconButton(
|
||||||
|
icon: const Icon(Icons.close, color: Colors.white),
|
||||||
|
onPressed: () {
|
||||||
|
setState(() {
|
||||||
|
_tagname = '___empty___';
|
||||||
|
Navigator.pop(context, _tagname);
|
||||||
|
});
|
||||||
|
},
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
);
|
],
|
||||||
},
|
|
||||||
),
|
),
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
@ -130,6 +172,7 @@ class _DetailViewState extends State<DetailView> {
|
|||||||
Widget _buildMediaItem(MediaItem item) {
|
Widget _buildMediaItem(MediaItem item) {
|
||||||
return SingleChildScrollView(
|
return SingleChildScrollView(
|
||||||
child: Column(
|
child: Column(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.center,
|
||||||
children: [
|
children: [
|
||||||
if (item.mime.startsWith('image'))
|
if (item.mime.startsWith('image'))
|
||||||
CachedNetworkImage(
|
CachedNetworkImage(
|
||||||
@ -145,19 +188,28 @@ class _DetailViewState extends State<DetailView> {
|
|||||||
item.mime,
|
item.mime,
|
||||||
style: const TextStyle(color: Colors.white, fontSize: 18),
|
style: const TextStyle(color: Colors.white, fontSize: 18),
|
||||||
),
|
),
|
||||||
const SizedBox(height: 10),
|
const SizedBox(height: 10, width: double.infinity),
|
||||||
Wrap(
|
Wrap(
|
||||||
alignment: WrapAlignment.center,
|
alignment: WrapAlignment.center,
|
||||||
spacing: 5.0,
|
spacing: 5.0,
|
||||||
children: item.tags.map((tag) {
|
children: item.tags.map((tag) {
|
||||||
return Chip(
|
return GestureDetector(
|
||||||
label: Text(tag.tag),
|
onTap: () {
|
||||||
backgroundColor: switch (tag.id) {
|
if (tag.tag == 'sfw' || tag.tag == 'nsfw') return;
|
||||||
1 => Colors.green,
|
setState(() {
|
||||||
2 => Colors.red,
|
_tagname = tag.tag;
|
||||||
_ => const Color(0xFF090909)
|
Navigator.pop(context, _tagname);
|
||||||
|
});
|
||||||
},
|
},
|
||||||
labelStyle: const TextStyle(color: Colors.white),
|
child: Chip(
|
||||||
|
label: Text(tag.tag),
|
||||||
|
backgroundColor: switch (tag.id) {
|
||||||
|
1 => Colors.green,
|
||||||
|
2 => Colors.red,
|
||||||
|
_ => const Color(0xFF090909),
|
||||||
|
},
|
||||||
|
labelStyle: const TextStyle(color: Colors.white),
|
||||||
|
),
|
||||||
);
|
);
|
||||||
}).toList(),
|
}).toList(),
|
||||||
),
|
),
|
@ -1,8 +1,8 @@
|
|||||||
import 'package:cached_network_image/cached_network_image.dart';
|
import 'package:cached_network_image/cached_network_image.dart';
|
||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
import 'package:f0ckapp/services/api.dart';
|
import 'package:f0ckapp/services/Api.dart';
|
||||||
import 'package:f0ckapp/models/mediaitem.dart';
|
import 'package:f0ckapp/models/MediaItem.dart';
|
||||||
import 'package:f0ckapp/screens/detailview.dart';
|
import 'package:f0ckapp/screens/DetailView.dart';
|
||||||
import 'dart:async';
|
import 'dart:async';
|
||||||
|
|
||||||
class MediaGrid extends StatefulWidget {
|
class MediaGrid extends StatefulWidget {
|
||||||
@ -14,7 +14,7 @@ class MediaGrid extends StatefulWidget {
|
|||||||
|
|
||||||
class _MediaGridState extends State<MediaGrid> {
|
class _MediaGridState extends State<MediaGrid> {
|
||||||
final ScrollController _scrollController = ScrollController();
|
final ScrollController _scrollController = ScrollController();
|
||||||
final String _version = '1.0.21+21';
|
final String _version = '1.0.24+24';
|
||||||
List<MediaItem> mediaItems = [];
|
List<MediaItem> mediaItems = [];
|
||||||
bool isLoading = false;
|
bool isLoading = false;
|
||||||
Timer? _debounceTimer;
|
Timer? _debounceTimer;
|
||||||
@ -24,6 +24,7 @@ class _MediaGridState extends State<MediaGrid> {
|
|||||||
int _selectedMode = 0;
|
int _selectedMode = 0;
|
||||||
bool _random = false;
|
bool _random = false;
|
||||||
final List<String> _modes = ["sfw", "nsfw", "untagged", "all"];
|
final List<String> _modes = ["sfw", "nsfw", "untagged", "all"];
|
||||||
|
String? _selectedTag;
|
||||||
|
|
||||||
@override
|
@override
|
||||||
void initState() {
|
void initState() {
|
||||||
@ -63,6 +64,7 @@ class _MediaGridState extends State<MediaGrid> {
|
|||||||
type: _selectedType,
|
type: _selectedType,
|
||||||
mode: _selectedMode,
|
mode: _selectedMode,
|
||||||
random: _random,
|
random: _random,
|
||||||
|
tag: _selectedTag,
|
||||||
);
|
);
|
||||||
if (mounted) {
|
if (mounted) {
|
||||||
setState(() => mediaItems.addAll(newMedia));
|
setState(() => mediaItems.addAll(newMedia));
|
||||||
@ -86,6 +88,7 @@ class _MediaGridState extends State<MediaGrid> {
|
|||||||
type: _selectedType,
|
type: _selectedType,
|
||||||
mode: _selectedMode,
|
mode: _selectedMode,
|
||||||
random: _random,
|
random: _random,
|
||||||
|
tag: _selectedTag,
|
||||||
);
|
);
|
||||||
if (mounted) {
|
if (mounted) {
|
||||||
setState(() {
|
setState(() {
|
||||||
@ -110,7 +113,7 @@ class _MediaGridState extends State<MediaGrid> {
|
|||||||
_navigationCompleter = Completer();
|
_navigationCompleter = Completer();
|
||||||
try {
|
try {
|
||||||
if (mounted) {
|
if (mounted) {
|
||||||
await Navigator.push(
|
final String? newTag = await Navigator.push(
|
||||||
context,
|
context,
|
||||||
MaterialPageRoute(
|
MaterialPageRoute(
|
||||||
builder: (context) => DetailView(
|
builder: (context) => DetailView(
|
||||||
@ -119,9 +122,22 @@ class _MediaGridState extends State<MediaGrid> {
|
|||||||
type: _selectedType,
|
type: _selectedType,
|
||||||
mode: _selectedMode,
|
mode: _selectedMode,
|
||||||
random: _random,
|
random: _random,
|
||||||
|
tagname: _selectedTag,
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
);
|
);
|
||||||
|
|
||||||
|
if (newTag != null) {
|
||||||
|
setState(() {
|
||||||
|
if (newTag == '___empty___') {
|
||||||
|
_selectedTag = null;
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
_selectedTag = newTag;
|
||||||
|
}
|
||||||
|
_refreshMedia();
|
||||||
|
});
|
||||||
|
}
|
||||||
}
|
}
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
if (mounted) {
|
if (mounted) {
|
||||||
@ -153,9 +169,9 @@ class _MediaGridState extends State<MediaGrid> {
|
|||||||
_refreshMedia();
|
_refreshMedia();
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
)
|
),
|
||||||
]
|
],
|
||||||
)
|
),
|
||||||
),
|
),
|
||||||
bottomNavigationBar: BottomAppBar(
|
bottomNavigationBar: BottomAppBar(
|
||||||
color: const Color.fromARGB(255, 43, 43, 43),
|
color: const Color.fromARGB(255, 43, 43, 43),
|
||||||
@ -228,51 +244,105 @@ class _MediaGridState extends State<MediaGrid> {
|
|||||||
),
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
body: RefreshIndicator(
|
body: Stack(
|
||||||
onRefresh: _refreshMedia,
|
children: [
|
||||||
child: GridView.builder(
|
RefreshIndicator(
|
||||||
controller: _scrollController,
|
onRefresh: _refreshMedia,
|
||||||
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
|
child: GridView.builder(
|
||||||
crossAxisCount: _calculateCrossAxisCount(context),
|
controller: _scrollController,
|
||||||
crossAxisSpacing: 5.0,
|
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
|
||||||
mainAxisSpacing: 5.0,
|
crossAxisCount: _calculateCrossAxisCount(context),
|
||||||
),
|
crossAxisSpacing: 5.0,
|
||||||
itemCount: mediaItems.length + (isLoading ? 1 : 0),
|
mainAxisSpacing: 5.0,
|
||||||
itemBuilder: (context, index) {
|
|
||||||
if (index >= mediaItems.length) {
|
|
||||||
return const Center(child: CircularProgressIndicator());
|
|
||||||
}
|
|
||||||
final item = mediaItems[index];
|
|
||||||
|
|
||||||
return InkWell(
|
|
||||||
onTap: () => _navigateToDetail(item),
|
|
||||||
child: Stack(
|
|
||||||
fit: StackFit.expand,
|
|
||||||
children: <Widget>[
|
|
||||||
CachedNetworkImage(
|
|
||||||
imageUrl: item.thumbnailUrl,
|
|
||||||
fit: BoxFit.cover,
|
|
||||||
placeholder: (context, url) => CircularProgressIndicator(),
|
|
||||||
errorWidget: (context, url, error) => Icon(Icons.error),
|
|
||||||
),
|
|
||||||
Align(
|
|
||||||
alignment: FractionalOffset.bottomRight,
|
|
||||||
child: Icon(
|
|
||||||
Icons.square,
|
|
||||||
color: switch (item.mode) {
|
|
||||||
1 => Colors.green,
|
|
||||||
2 => Colors.red,
|
|
||||||
_ => Colors.yellow
|
|
||||||
},
|
|
||||||
size: 15.0
|
|
||||||
),
|
|
||||||
),
|
|
||||||
],
|
|
||||||
),
|
),
|
||||||
);
|
itemCount: mediaItems.length + (isLoading ? 1 : 0),
|
||||||
},
|
itemBuilder: (context, index) {
|
||||||
),
|
if (index >= mediaItems.length) {
|
||||||
|
return const Center(child: CircularProgressIndicator());
|
||||||
|
}
|
||||||
|
final item = mediaItems[index];
|
||||||
|
|
||||||
|
return InkWell(
|
||||||
|
onTap: () => _navigateToDetail(item),
|
||||||
|
child: Stack(
|
||||||
|
fit: StackFit.expand,
|
||||||
|
children: <Widget>[
|
||||||
|
CachedNetworkImage(
|
||||||
|
imageUrl: item.thumbnailUrl,
|
||||||
|
fit: BoxFit.cover,
|
||||||
|
placeholder: (context, url) => SizedBox.shrink(),
|
||||||
|
errorWidget: (context, url, error) => Icon(Icons.error),
|
||||||
|
),
|
||||||
|
Align(
|
||||||
|
alignment: FractionalOffset.bottomRight,
|
||||||
|
child: Icon(
|
||||||
|
Icons.square,
|
||||||
|
color: switch (item.mode) {
|
||||||
|
1 => Colors.green,
|
||||||
|
2 => Colors.red,
|
||||||
|
_ => Colors.yellow,
|
||||||
|
},
|
||||||
|
size: 15.0,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
},
|
||||||
|
),
|
||||||
|
),
|
||||||
|
if (_selectedTag != null)
|
||||||
|
Positioned(
|
||||||
|
bottom: 20,
|
||||||
|
left: MediaQuery.of(context).size.width * 0.2,
|
||||||
|
right: MediaQuery.of(context).size.width * 0.2,
|
||||||
|
child: Container(
|
||||||
|
padding: const EdgeInsets.symmetric(
|
||||||
|
vertical: 10,
|
||||||
|
horizontal: 20,
|
||||||
|
),
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: Colors.black.withValues(alpha: 0.8),
|
||||||
|
borderRadius: BorderRadius.circular(12),
|
||||||
|
),
|
||||||
|
child: Row(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||||
|
children: [
|
||||||
|
Text(
|
||||||
|
'Tag: $_selectedTag',
|
||||||
|
style: const TextStyle(color: Colors.white),
|
||||||
|
),
|
||||||
|
IconButton(
|
||||||
|
icon: const Icon(Icons.close, color: Colors.white),
|
||||||
|
onPressed: () {
|
||||||
|
setState(() {
|
||||||
|
_selectedTag = null;
|
||||||
|
_refreshMedia();
|
||||||
|
});
|
||||||
|
_scrollController.animateTo(
|
||||||
|
0.0,
|
||||||
|
duration: const Duration(milliseconds: 500),
|
||||||
|
curve: Curves.easeOut,
|
||||||
|
);
|
||||||
|
},
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
),
|
),
|
||||||
|
/*floatingActionButton: FloatingActionButton(
|
||||||
|
backgroundColor: Colors.black.withValues(alpha: 0.8),
|
||||||
|
child: const Icon(Icons.arrow_upward, color: Colors.white),
|
||||||
|
onPressed: () {
|
||||||
|
_scrollController.animateTo(
|
||||||
|
0.0,
|
||||||
|
duration: const Duration(milliseconds: 500),
|
||||||
|
curve: Curves.easeOut,
|
||||||
|
);
|
||||||
|
},
|
||||||
|
),*/
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
@ -1,19 +1,21 @@
|
|||||||
import 'dart:convert';
|
import 'dart:convert';
|
||||||
import 'package:http/http.dart' as http;
|
import 'package:http/http.dart' as http;
|
||||||
|
|
||||||
import 'package:f0ckapp/models/mediaitem.dart';
|
import 'package:f0ckapp/models/MediaItem.dart';
|
||||||
|
|
||||||
Future<List<MediaItem>> fetchMedia({
|
Future<List<MediaItem>> fetchMedia({
|
||||||
String? older,
|
String? older,
|
||||||
String? type,
|
String? type,
|
||||||
int? mode,
|
int? mode,
|
||||||
bool? random,
|
bool? random,
|
||||||
|
String? tag,
|
||||||
}) async {
|
}) async {
|
||||||
final Uri url = Uri.parse('https://api.f0ck.me/items/get').replace(
|
final Uri url = Uri.parse('https://api.f0ck.me/items/get').replace(
|
||||||
queryParameters: {
|
queryParameters: {
|
||||||
'type': type ?? 'image',
|
'type': type ?? 'image',
|
||||||
'mode': (mode ?? 0).toString(),
|
'mode': (mode ?? 0).toString(),
|
||||||
'random': (random! ? 1 : 0).toString(),
|
'random': (random! ? 1 : 0).toString(),
|
||||||
|
if (tag != null) 'tag': tag,
|
||||||
if (older != null) 'older': older,
|
if (older != null) 'older': older,
|
||||||
},
|
},
|
||||||
);
|
);
|
42
lib/utils/PageTransformer.dart
Normal file
42
lib/utils/PageTransformer.dart
Normal file
@ -0,0 +1,42 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
|
||||||
|
class PageTransformer extends StatelessWidget {
|
||||||
|
final List<Widget> pages;
|
||||||
|
final PageController controller;
|
||||||
|
|
||||||
|
const PageTransformer({
|
||||||
|
super.key,
|
||||||
|
required this.pages,
|
||||||
|
required this.controller,
|
||||||
|
});
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return PageView.builder(
|
||||||
|
controller: controller,
|
||||||
|
itemCount: pages.length,
|
||||||
|
itemBuilder: (context, index) {
|
||||||
|
return _buildPage(pages[index], index);
|
||||||
|
},
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget _buildPage(Widget page, int index) {
|
||||||
|
return AnimatedBuilder(
|
||||||
|
animation: controller,
|
||||||
|
builder: (context, child) {
|
||||||
|
double value = 1.0;
|
||||||
|
if (controller.position.haveDimensions) {
|
||||||
|
value = controller.page! - index;
|
||||||
|
value = (1 - (value.abs() * 0.5)).clamp(0.0, 1.0);
|
||||||
|
}
|
||||||
|
return Transform(
|
||||||
|
transform: Matrix4.identity()..scale(value, value),
|
||||||
|
alignment: Alignment.center,
|
||||||
|
child: child,
|
||||||
|
);
|
||||||
|
},
|
||||||
|
child: page,
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
@ -1,9 +1,15 @@
|
|||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
import 'package:video_player/video_player.dart';
|
import 'package:cached_video_player_plus/cached_video_player_plus.dart';
|
||||||
|
|
||||||
class VideoControlsOverlay extends StatelessWidget {
|
class VideoControlsOverlay extends StatelessWidget {
|
||||||
final VideoPlayerController controller;
|
final CachedVideoPlayerPlusController controller;
|
||||||
const VideoControlsOverlay({super.key, required this.controller});
|
final VoidCallback button;
|
||||||
|
|
||||||
|
const VideoControlsOverlay({
|
||||||
|
super.key,
|
||||||
|
required this.controller,
|
||||||
|
required this.button,
|
||||||
|
});
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
@ -15,22 +21,25 @@ class VideoControlsOverlay extends StatelessWidget {
|
|||||||
mainAxisAlignment: MainAxisAlignment.center,
|
mainAxisAlignment: MainAxisAlignment.center,
|
||||||
children: [
|
children: [
|
||||||
_ControlButton(Icons.replay_10, () {
|
_ControlButton(Icons.replay_10, () {
|
||||||
|
button();
|
||||||
controller.seekTo(
|
controller.seekTo(
|
||||||
controller.value.position - Duration(seconds: 10),
|
controller.value.position - Duration(seconds: 10),
|
||||||
);
|
);
|
||||||
}),
|
}),
|
||||||
SizedBox(width: 32),
|
SizedBox(width: 40),
|
||||||
_ControlButton(
|
_ControlButton(
|
||||||
controller.value.isPlaying ? Icons.pause : Icons.play_arrow,
|
controller.value.isPlaying ? Icons.pause : Icons.play_arrow,
|
||||||
() {
|
() {
|
||||||
|
button();
|
||||||
controller.value.isPlaying
|
controller.value.isPlaying
|
||||||
? controller.pause()
|
? controller.pause()
|
||||||
: controller.play();
|
: controller.play();
|
||||||
},
|
},
|
||||||
size: 64,
|
size: 64,
|
||||||
),
|
),
|
||||||
SizedBox(width: 32),
|
SizedBox(width: 40),
|
||||||
_ControlButton(Icons.forward_10, () {
|
_ControlButton(Icons.forward_10, () {
|
||||||
|
button();
|
||||||
controller.seekTo(
|
controller.seekTo(
|
||||||
controller.value.position + Duration(seconds: 10),
|
controller.value.position + Duration(seconds: 10),
|
||||||
);
|
);
|
||||||
@ -38,7 +47,7 @@ class VideoControlsOverlay extends StatelessWidget {
|
|||||||
],
|
],
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
_ProgressIndicator(controller: controller),
|
_ProgressIndicator(controller: controller)
|
||||||
],
|
],
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
@ -67,7 +76,8 @@ class _ControlButton extends StatelessWidget {
|
|||||||
}
|
}
|
||||||
|
|
||||||
class _ProgressIndicator extends StatelessWidget {
|
class _ProgressIndicator extends StatelessWidget {
|
||||||
final VideoPlayerController controller;
|
final CachedVideoPlayerPlusController controller;
|
||||||
|
|
||||||
const _ProgressIndicator({required this.controller});
|
const _ProgressIndicator({required this.controller});
|
||||||
|
|
||||||
@override
|
@override
|
||||||
@ -77,18 +87,14 @@ class _ProgressIndicator extends StatelessWidget {
|
|||||||
child: Stack(
|
child: Stack(
|
||||||
clipBehavior: Clip.none,
|
clipBehavior: Clip.none,
|
||||||
children: [
|
children: [
|
||||||
Container(
|
VideoProgressIndicator(
|
||||||
height: 20,
|
controller,
|
||||||
alignment: Alignment.bottomCenter,
|
allowScrubbing: true,
|
||||||
color: Colors.transparent,
|
padding: const EdgeInsets.only(top: 25.0),
|
||||||
child: VideoProgressIndicator(
|
colors: VideoProgressColors(
|
||||||
controller,
|
playedColor: Colors.red,
|
||||||
allowScrubbing: true,
|
backgroundColor: Colors.grey,
|
||||||
colors: VideoProgressColors(
|
bufferedColor: Colors.white54,
|
||||||
playedColor: Colors.red,
|
|
||||||
backgroundColor: Colors.grey,
|
|
||||||
bufferedColor: Colors.white54,
|
|
||||||
),
|
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
Positioned(
|
Positioned(
|
||||||
@ -123,8 +129,6 @@ class _ProgressIndicator extends StatelessWidget {
|
|||||||
|
|
||||||
String _formatDuration(Duration duration) {
|
String _formatDuration(Duration duration) {
|
||||||
String twoDigits(int n) => n.toString().padLeft(2, '0');
|
String twoDigits(int n) => n.toString().padLeft(2, '0');
|
||||||
final minutes = twoDigits(duration.inMinutes.remainder(60));
|
return "${twoDigits(duration.inMinutes % 60)}:${twoDigits(duration.inSeconds % 60)}";
|
||||||
final seconds = twoDigits(duration.inSeconds.remainder(60));
|
|
||||||
return "$minutes:$seconds";
|
|
||||||
}
|
}
|
||||||
}
|
}
|
@ -1,10 +1,9 @@
|
|||||||
import 'dart:async';
|
|
||||||
|
|
||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
import 'package:video_player/video_player.dart';
|
import 'package:cached_video_player_plus/cached_video_player_plus.dart';
|
||||||
import 'package:cached_network_image/cached_network_image.dart';
|
import 'package:cached_network_image/cached_network_image.dart';
|
||||||
import 'package:f0ckapp/models/mediaitem.dart';
|
import 'package:f0ckapp/models/MediaItem.dart';
|
||||||
import 'package:f0ckapp/widgets/video_overlay.dart';
|
import 'package:f0ckapp/widgets/VideoOverlay.dart';
|
||||||
|
import 'dart:async';
|
||||||
|
|
||||||
class VideoWidget extends StatefulWidget {
|
class VideoWidget extends StatefulWidget {
|
||||||
final MediaItem details;
|
final MediaItem details;
|
||||||
@ -15,8 +14,9 @@ class VideoWidget extends StatefulWidget {
|
|||||||
}
|
}
|
||||||
|
|
||||||
class _VideoWidgetState extends State<VideoWidget> {
|
class _VideoWidgetState extends State<VideoWidget> {
|
||||||
late VideoPlayerController _controller;
|
late CachedVideoPlayerPlusController _controller;
|
||||||
bool _showControls = false;
|
bool _showControls = false;
|
||||||
|
Timer? _hideControlsTimer;
|
||||||
|
|
||||||
@override
|
@override
|
||||||
void initState() {
|
void initState() {
|
||||||
@ -25,7 +25,7 @@ class _VideoWidgetState extends State<VideoWidget> {
|
|||||||
}
|
}
|
||||||
|
|
||||||
Future<void> _initController() async {
|
Future<void> _initController() async {
|
||||||
_controller = VideoPlayerController.networkUrl(
|
_controller = CachedVideoPlayerPlusController.networkUrl(
|
||||||
Uri.parse(widget.details.mediaUrl),
|
Uri.parse(widget.details.mediaUrl),
|
||||||
);
|
);
|
||||||
await _controller.initialize();
|
await _controller.initialize();
|
||||||
@ -39,9 +39,23 @@ class _VideoWidgetState extends State<VideoWidget> {
|
|||||||
@override
|
@override
|
||||||
void dispose() {
|
void dispose() {
|
||||||
_controller.dispose();
|
_controller.dispose();
|
||||||
|
_hideControlsTimer?.cancel();
|
||||||
super.dispose();
|
super.dispose();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
void _onTap({bool ctrlButton = false}) {
|
||||||
|
if (!ctrlButton) {
|
||||||
|
setState(() => _showControls = !_showControls);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (_showControls) {
|
||||||
|
_hideControlsTimer?.cancel();
|
||||||
|
_hideControlsTimer = Timer(Duration(seconds: 5), () {
|
||||||
|
setState(() => _showControls = false);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
bool isAudio = widget.details.mime.startsWith('audio');
|
bool isAudio = widget.details.mime.startsWith('audio');
|
||||||
@ -54,27 +68,24 @@ class _VideoWidgetState extends State<VideoWidget> {
|
|||||||
? _controller.value.aspectRatio
|
? _controller.value.aspectRatio
|
||||||
: 9 / 16,
|
: 9 / 16,
|
||||||
child: Stack(
|
child: Stack(
|
||||||
alignment: Alignment.center,
|
alignment: Alignment.topCenter,
|
||||||
children: [
|
children: [
|
||||||
GestureDetector(
|
GestureDetector(
|
||||||
onTap: () {
|
onTap: _onTap,
|
||||||
setState(() {
|
|
||||||
_showControls = !_showControls;
|
|
||||||
});
|
|
||||||
},
|
|
||||||
child: isAudio
|
child: isAudio
|
||||||
? CachedNetworkImage(
|
? CachedNetworkImage(
|
||||||
imageUrl: widget.details.coverUrl,
|
imageUrl: widget.details.coverUrl,
|
||||||
fit: BoxFit.cover,
|
fit: BoxFit.cover,
|
||||||
placeholder: (context, url) =>
|
placeholder: (context, url) =>
|
||||||
CircularProgressIndicator(),
|
CircularProgressIndicator(),
|
||||||
errorWidget: (context, url, error) => Image.network(
|
errorWidget: (context, url, error) => Image.asset(
|
||||||
"https://f0ck.me/s/img/music.webp",
|
'assets/images/music.webp',
|
||||||
fit: BoxFit.contain,
|
fit: BoxFit.contain,
|
||||||
|
width: double.infinity
|
||||||
),
|
),
|
||||||
)
|
)
|
||||||
: _controller.value.isInitialized
|
: _controller.value.isInitialized
|
||||||
? VideoPlayer(_controller)
|
? CachedVideoPlayerPlus(_controller)
|
||||||
: Center(child: CircularProgressIndicator()),
|
: Center(child: CircularProgressIndicator()),
|
||||||
),
|
),
|
||||||
if (_controller.value.isInitialized && _showControls) ...[
|
if (_controller.value.isInitialized && _showControls) ...[
|
||||||
@ -86,7 +97,10 @@ class _VideoWidgetState extends State<VideoWidget> {
|
|||||||
height: double.infinity,
|
height: double.infinity,
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
VideoControlsOverlay(controller: _controller),
|
VideoControlsOverlay(
|
||||||
|
controller: _controller,
|
||||||
|
button: () => _onTap(ctrlButton: true),
|
||||||
|
),
|
||||||
],
|
],
|
||||||
],
|
],
|
||||||
),
|
),
|
32
pubspec.lock
32
pubspec.lock
@ -41,6 +41,14 @@ packages:
|
|||||||
url: "https://pub.dev"
|
url: "https://pub.dev"
|
||||||
source: hosted
|
source: hosted
|
||||||
version: "1.3.1"
|
version: "1.3.1"
|
||||||
|
cached_video_player_plus:
|
||||||
|
dependency: "direct main"
|
||||||
|
description:
|
||||||
|
name: cached_video_player_plus
|
||||||
|
sha256: "451ee48bdbd28fac3d49b4389929c44d259b1def5be6dab0c5bfd3ae1f05e8b5"
|
||||||
|
url: "https://pub.dev"
|
||||||
|
source: hosted
|
||||||
|
version: "3.0.3"
|
||||||
characters:
|
characters:
|
||||||
dependency: transitive
|
dependency: transitive
|
||||||
description:
|
description:
|
||||||
@ -152,6 +160,22 @@ packages:
|
|||||||
description: flutter
|
description: flutter
|
||||||
source: sdk
|
source: sdk
|
||||||
version: "0.0.0"
|
version: "0.0.0"
|
||||||
|
get:
|
||||||
|
dependency: transitive
|
||||||
|
description:
|
||||||
|
name: get
|
||||||
|
sha256: c79eeb4339f1f3deffd9ec912f8a923834bec55f7b49c9e882b8fef2c139d425
|
||||||
|
url: "https://pub.dev"
|
||||||
|
source: hosted
|
||||||
|
version: "4.7.2"
|
||||||
|
get_storage:
|
||||||
|
dependency: transitive
|
||||||
|
description:
|
||||||
|
name: get_storage
|
||||||
|
sha256: "39db1fffe779d0c22b3a744376e86febe4ade43bf65e06eab5af707dc84185a2"
|
||||||
|
url: "https://pub.dev"
|
||||||
|
source: hosted
|
||||||
|
version: "2.1.1"
|
||||||
html:
|
html:
|
||||||
dependency: transitive
|
dependency: transitive
|
||||||
description:
|
description:
|
||||||
@ -453,14 +477,6 @@ packages:
|
|||||||
url: "https://pub.dev"
|
url: "https://pub.dev"
|
||||||
source: hosted
|
source: hosted
|
||||||
version: "2.2.0"
|
version: "2.2.0"
|
||||||
video_player:
|
|
||||||
dependency: "direct main"
|
|
||||||
description:
|
|
||||||
name: video_player
|
|
||||||
sha256: "7d78f0cfaddc8c19d4cb2d3bebe1bfef11f2103b0a03e5398b303a1bf65eeb14"
|
|
||||||
url: "https://pub.dev"
|
|
||||||
source: hosted
|
|
||||||
version: "2.9.5"
|
|
||||||
video_player_android:
|
video_player_android:
|
||||||
dependency: transitive
|
dependency: transitive
|
||||||
description:
|
description:
|
||||||
|
@ -16,7 +16,7 @@ publish_to: 'none' # Remove this line if you wish to publish to pub.dev
|
|||||||
# https://developer.apple.com/library/archive/documentation/General/Reference/InfoPlistKeyReference/Articles/CoreFoundationKeys.html
|
# https://developer.apple.com/library/archive/documentation/General/Reference/InfoPlistKeyReference/Articles/CoreFoundationKeys.html
|
||||||
# In Windows, build-name is used as the major, minor, and patch parts
|
# In Windows, build-name is used as the major, minor, and patch parts
|
||||||
# of the product and file versions while build-number is used as the build suffix.
|
# of the product and file versions while build-number is used as the build suffix.
|
||||||
version: 1.0.21+21
|
version: 1.0.24+24
|
||||||
|
|
||||||
environment:
|
environment:
|
||||||
sdk: ^3.9.0-100.2.beta
|
sdk: ^3.9.0-100.2.beta
|
||||||
@ -31,12 +31,12 @@ dependencies:
|
|||||||
flutter:
|
flutter:
|
||||||
sdk: flutter
|
sdk: flutter
|
||||||
http: ^1.4.0
|
http: ^1.4.0
|
||||||
video_player: ^2.2.10
|
|
||||||
|
|
||||||
# The following adds the Cupertino Icons font to your application.
|
# The following adds the Cupertino Icons font to your application.
|
||||||
# Use with the CupertinoIcons class for iOS style icons.
|
# Use with the CupertinoIcons class for iOS style icons.
|
||||||
cupertino_icons: ^1.0.8
|
cupertino_icons: ^1.0.8
|
||||||
cached_network_image: ^3.4.1
|
cached_network_image: ^3.4.1
|
||||||
|
cached_video_player_plus: ^3.0.3
|
||||||
|
|
||||||
dev_dependencies:
|
dev_dependencies:
|
||||||
flutter_test:
|
flutter_test:
|
||||||
@ -61,7 +61,8 @@ flutter:
|
|||||||
uses-material-design: true
|
uses-material-design: true
|
||||||
|
|
||||||
# To add assets to your application, add an assets section, like this:
|
# To add assets to your application, add an assets section, like this:
|
||||||
# assets:
|
assets:
|
||||||
|
- assets/images/
|
||||||
# - images/a_dot_burr.jpeg
|
# - images/a_dot_burr.jpeg
|
||||||
# - images/a_dot_ham.jpeg
|
# - images/a_dot_ham.jpeg
|
||||||
|
|
||||||
|
Reference in New Issue
Block a user