605 lines
20 KiB
Dart
605 lines
20 KiB
Dart
|
import 'package:cloud_firestore/cloud_firestore.dart';
|
||
|
|
import 'package:collection/collection.dart';
|
||
|
|
import 'package:flutter/material.dart';
|
||
|
|
import 'package:swipable_stack/swipable_stack.dart';
|
||
|
|
|
||
|
|
import '../constants.dart';
|
||
|
|
import '../forms/matched_screen.dart';
|
||
|
|
import '../models/language.dart';
|
||
|
|
import '../models/location.dart';
|
||
|
|
import '../models/user_profile.dart';
|
||
|
|
import '../services/auth/auth_service.dart';
|
||
|
|
import '../utils/math.dart';
|
||
|
|
import 'chat_page.dart';
|
||
|
|
|
||
|
|
class UserMatchingPage extends StatefulWidget {
|
||
|
|
const UserMatchingPage({super.key});
|
||
|
|
|
||
|
|
@override
|
||
|
|
UserMatchingPageState createState() => UserMatchingPageState();
|
||
|
|
}
|
||
|
|
|
||
|
|
class UserMatchingPageState extends State<UserMatchingPage> {
|
||
|
|
/// The current's user profile
|
||
|
|
UserProfile? currentUserProfile;
|
||
|
|
|
||
|
|
/// List with [all] user profiles
|
||
|
|
List<UserProfile> userProfiles = [];
|
||
|
|
|
||
|
|
/// List of user profiles to show.
|
||
|
|
List<UserProfile> potentialUserProfiles = [];
|
||
|
|
|
||
|
|
late final SwipableStackController _controller;
|
||
|
|
|
||
|
|
// get instance of firestore and auth
|
||
|
|
final FirebaseFirestore _firestore = FirebaseFirestore.instance;
|
||
|
|
final AuthService _authService = AuthService();
|
||
|
|
|
||
|
|
void _listenController() => setState(() {});
|
||
|
|
|
||
|
|
@override
|
||
|
|
void initState() {
|
||
|
|
super.initState();
|
||
|
|
_controller = SwipableStackController()..addListener(_listenController);
|
||
|
|
_fetchUserProfiles();
|
||
|
|
}
|
||
|
|
|
||
|
|
@override
|
||
|
|
void dispose() {
|
||
|
|
_controller
|
||
|
|
..removeListener(_listenController)
|
||
|
|
..dispose();
|
||
|
|
super.dispose();
|
||
|
|
}
|
||
|
|
|
||
|
|
Future<void> _fetchUserProfiles() async {
|
||
|
|
final String currentUserId = _authService.getCurrentUser()!.uid;
|
||
|
|
List<UserProfile> allUsers = [];
|
||
|
|
List<UserProfile> showProfiles = [];
|
||
|
|
|
||
|
|
final usersSnapshot = await FirebaseFirestore.instance
|
||
|
|
.collection(Constants.dbCollectionUsers)
|
||
|
|
.get();
|
||
|
|
|
||
|
|
// Fetch the list of profiles the current user has already swiped
|
||
|
|
final QuerySnapshot swipesSnapshot = await FirebaseFirestore.instance
|
||
|
|
.collection(Constants.dbCollectionUsers)
|
||
|
|
.doc(currentUserId)
|
||
|
|
.collection(Constants.dbCollectionSwipes)
|
||
|
|
.get();
|
||
|
|
|
||
|
|
final Set<String> likedUserIds = swipesSnapshot.docs
|
||
|
|
.where((doc) => doc['liked'] == true)
|
||
|
|
.map((doc) => doc.id)
|
||
|
|
.toSet();
|
||
|
|
|
||
|
|
final DateTime thresholdDate =
|
||
|
|
DateTime.now().subtract(const Duration(hours: 24));
|
||
|
|
final Set<String> dislikedUserIds = swipesSnapshot.docs
|
||
|
|
.where((doc) =>
|
||
|
|
doc['liked'] == false &&
|
||
|
|
(doc['timestamp'] as Timestamp).toDate().isAfter(thresholdDate))
|
||
|
|
.map((doc) => doc.id)
|
||
|
|
.toSet();
|
||
|
|
|
||
|
|
for (var userDoc in usersSnapshot.docs) {
|
||
|
|
final languagesSnapshot = await userDoc.reference
|
||
|
|
.collection(Constants.dbCollectionLanguages)
|
||
|
|
.get();
|
||
|
|
final locationsSnapshot = await userDoc.reference
|
||
|
|
.collection(Constants.dbCollectionLocations)
|
||
|
|
.get();
|
||
|
|
|
||
|
|
final languages = languagesSnapshot.docs.map((doc) {
|
||
|
|
final data = doc.data();
|
||
|
|
return Language(
|
||
|
|
code: data['code'],
|
||
|
|
name: data['name'],
|
||
|
|
nativeName: data['nativeName'],
|
||
|
|
iconFile: data['iconFile'],
|
||
|
|
);
|
||
|
|
}).toList();
|
||
|
|
|
||
|
|
final mainDoc = locationsSnapshot.docs
|
||
|
|
.firstWhereOrNull((doc) => doc.id == Constants.dbDocMainLocation);
|
||
|
|
final secondaryDoc = locationsSnapshot.docs
|
||
|
|
.firstWhereOrNull((doc) => doc.id == Constants.dbDocSecondLocation);
|
||
|
|
final locations = {
|
||
|
|
Constants.dbDocMainLocation:
|
||
|
|
mainDoc != null ? _createLocationFromDoc(mainDoc.data()) : null,
|
||
|
|
Constants.dbDocSecondLocation: secondaryDoc != null
|
||
|
|
? _createLocationFromDoc(secondaryDoc.data())
|
||
|
|
: null,
|
||
|
|
};
|
||
|
|
|
||
|
|
final data = userDoc.data();
|
||
|
|
UserProfile userProfile = UserProfile(
|
||
|
|
id: userDoc.id,
|
||
|
|
uid: data[Constants.dbFieldUsersID] ?? '',
|
||
|
|
email: data[Constants.dbFieldUsersEmail] ?? '',
|
||
|
|
name: data[Constants.dbFieldUsersName] ?? '',
|
||
|
|
firstName: data[Constants.dbFieldUsersFirstName] ?? '',
|
||
|
|
lastName: data[Constants.dbFieldUsersLastName] ?? '',
|
||
|
|
skills: List<String>.from(data[Constants.dbFieldUsersSkills] ?? []),
|
||
|
|
skillsSought:
|
||
|
|
List<String>.from(data[Constants.dbFieldUsersSkillsSought] ?? []),
|
||
|
|
risk: data[Constants.dbFieldUsersRiskTolerance] ?? '',
|
||
|
|
languages: languages,
|
||
|
|
locations: locations,
|
||
|
|
);
|
||
|
|
|
||
|
|
// add profiles accordingly
|
||
|
|
allUsers.add(userProfile);
|
||
|
|
// Exclude (1) the current user's profile, (2) the already liked profiles
|
||
|
|
// and (3) users that were disliked less than 24 hours ago
|
||
|
|
if (userDoc.id != currentUserId &&
|
||
|
|
!likedUserIds.contains(userDoc.id) &&
|
||
|
|
!dislikedUserIds.contains(userDoc.id)) {
|
||
|
|
showProfiles.add(userProfile);
|
||
|
|
}
|
||
|
|
} // end for
|
||
|
|
|
||
|
|
setState(() {
|
||
|
|
userProfiles = allUsers;
|
||
|
|
potentialUserProfiles = showProfiles;
|
||
|
|
currentUserProfile =
|
||
|
|
allUsers.firstWhereOrNull((x) => x.uid == currentUserId);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
MyLocation? _createLocationFromDoc(Map<String, dynamic>? data) {
|
||
|
|
if (data == null || data.isEmpty) return null;
|
||
|
|
|
||
|
|
return MyLocation(
|
||
|
|
street: data[Constants.dbFieldLocationStreet],
|
||
|
|
country: data[Constants.dbFieldLocationCountry],
|
||
|
|
administrativeArea: data[Constants.dbFieldLocationArea],
|
||
|
|
locality: data[Constants.dbFieldLocationLocality],
|
||
|
|
subLocality: data[Constants.dbFieldLocationSubLocality],
|
||
|
|
postalCode: data[Constants.dbFieldLocationPostalCode],
|
||
|
|
latitude: data[Constants.dbFieldLocationLatitude],
|
||
|
|
longitude: data[Constants.dbFieldLocationLongitude],
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
void _swipeLeft() {
|
||
|
|
_controller.next(
|
||
|
|
swipeDirection: SwipeDirection.left, duration: Durations.extralong1);
|
||
|
|
}
|
||
|
|
|
||
|
|
void _swipeRight() {
|
||
|
|
_controller.next(
|
||
|
|
swipeDirection: SwipeDirection.right, duration: Durations.extralong4);
|
||
|
|
}
|
||
|
|
|
||
|
|
void _skip() {
|
||
|
|
_controller.next(
|
||
|
|
swipeDirection: SwipeDirection.up, duration: Durations.long4);
|
||
|
|
}
|
||
|
|
|
||
|
|
/// Save swipe status to database
|
||
|
|
Future<void> _saveSwipeAction(
|
||
|
|
String swipedUserId, SwipeDirection direction) async {
|
||
|
|
await _firestore
|
||
|
|
.collection(Constants.dbCollectionUsers)
|
||
|
|
.doc(_authService.getCurrentUser()!.uid)
|
||
|
|
.collection(Constants.dbCollectionSwipes)
|
||
|
|
.doc(swipedUserId) // UserID instead of autogenerated ID
|
||
|
|
.set(
|
||
|
|
{
|
||
|
|
'swipedId': swipedUserId,
|
||
|
|
'liked': direction == SwipeDirection.right,
|
||
|
|
'timestamp': FieldValue.serverTimestamp(),
|
||
|
|
},
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
UserProfile getUserProfile(String userId) {
|
||
|
|
return userProfiles.firstWhere((x) => x.uid == userId);
|
||
|
|
}
|
||
|
|
|
||
|
|
/// Check whether the swiped user has also swiped to the right
|
||
|
|
Future<void> _checkForMatch(swipedUserId) async {
|
||
|
|
String currentUserId = _authService.getCurrentUser()!.uid;
|
||
|
|
|
||
|
|
final QuerySnapshot matchSnapshot = await _firestore
|
||
|
|
.collection(Constants.dbCollectionUsers)
|
||
|
|
.doc(swipedUserId)
|
||
|
|
.collection(Constants.dbCollectionSwipes)
|
||
|
|
.where('swipedId', isEqualTo: currentUserId)
|
||
|
|
.where('liked', isEqualTo: true)
|
||
|
|
.get();
|
||
|
|
|
||
|
|
if (matchSnapshot.docs.isNotEmpty) {
|
||
|
|
// save match for both users
|
||
|
|
final matchesCurrentUser = _firestore
|
||
|
|
.collection(Constants.dbCollectionUsers)
|
||
|
|
.doc(currentUserId)
|
||
|
|
.collection(Constants.dbCollectionMatches);
|
||
|
|
final matchesSwipedUser = _firestore
|
||
|
|
.collection(Constants.dbCollectionUsers)
|
||
|
|
.doc(swipedUserId)
|
||
|
|
.collection(Constants.dbCollectionMatches);
|
||
|
|
|
||
|
|
await matchesCurrentUser.add({
|
||
|
|
'otherUserId': swipedUserId,
|
||
|
|
'timestamp': FieldValue.serverTimestamp(),
|
||
|
|
});
|
||
|
|
|
||
|
|
await matchesSwipedUser.add({
|
||
|
|
'otherUserId': currentUserId,
|
||
|
|
'timestamp': FieldValue.serverTimestamp(),
|
||
|
|
});
|
||
|
|
|
||
|
|
//
|
||
|
|
// TODO Notify other user?
|
||
|
|
//
|
||
|
|
showMatchedScreen(currentUserId, swipedUserId);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
showMatchedScreen(String currentUserId, String swipedUserId) {
|
||
|
|
UserProfile currentUser = getUserProfile(currentUserId);
|
||
|
|
UserProfile swipedUser = getUserProfile(swipedUserId);
|
||
|
|
|
||
|
|
Navigator.push(
|
||
|
|
context,
|
||
|
|
MaterialPageRoute(
|
||
|
|
builder: (context) => MatchedScreen(
|
||
|
|
user1Name: swipedUser.name,
|
||
|
|
user2Name: currentUser.name,
|
||
|
|
user1ImageUrl: '', // swipedUser.profilePicture,
|
||
|
|
user2ImageUrl: '', // currentUser.profilePicture,
|
||
|
|
onMessageButtonPressed: () {
|
||
|
|
Navigator.pop(context); // Close the MatchedScreen
|
||
|
|
Navigator.push(
|
||
|
|
context,
|
||
|
|
MaterialPageRoute(
|
||
|
|
builder: (context) => ChatPage(
|
||
|
|
receiverEmail: swipedUser.email,
|
||
|
|
receiverID: swipedUser.uid,
|
||
|
|
),
|
||
|
|
),
|
||
|
|
);
|
||
|
|
},
|
||
|
|
onContinueButtonPressed: () {
|
||
|
|
Navigator.pop(context); // Close the MatchedScreen
|
||
|
|
},
|
||
|
|
),
|
||
|
|
),
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
double _shortestDistanceBetweenUsers(
|
||
|
|
UserProfile currentUser, UserProfile otherUser) {
|
||
|
|
try {
|
||
|
|
if (currentUser.locations.isEmpty || otherUser.locations.isEmpty) {
|
||
|
|
return double.nan;
|
||
|
|
}
|
||
|
|
|
||
|
|
double shortestDistance = double.nan;
|
||
|
|
// locations currentUser
|
||
|
|
for (var loc1 in currentUser.locations.values) {
|
||
|
|
if (loc1 != null && loc1.latitude != null && loc1.longitude != null) {
|
||
|
|
for (var loc2 in otherUser.locations.values) {
|
||
|
|
if (loc2 != null &&
|
||
|
|
loc2.latitude != null &&
|
||
|
|
loc2.longitude != null) {
|
||
|
|
double distance = calculateDistance(loc1.latitude!,
|
||
|
|
loc1.longitude!, loc2.latitude!, loc2.longitude!);
|
||
|
|
if (shortestDistance.isNaN || distance < shortestDistance) {
|
||
|
|
shortestDistance = distance;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
return shortestDistance;
|
||
|
|
} catch (e) {
|
||
|
|
return double.nan;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@override
|
||
|
|
Widget build(BuildContext context) {
|
||
|
|
if (potentialUserProfiles.isEmpty) {
|
||
|
|
return Scaffold(
|
||
|
|
appBar: AppBar(title: const Text('User Profiles')),
|
||
|
|
body: Center(
|
||
|
|
child: Padding(
|
||
|
|
padding: const EdgeInsets.all(16.0),
|
||
|
|
child: Column(
|
||
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
||
|
|
children: [
|
||
|
|
const Icon(Icons.person_search, size: 64),
|
||
|
|
const SizedBox(height: 20),
|
||
|
|
// Loading...
|
||
|
|
if (userProfiles.isEmpty) ...[
|
||
|
|
const CircularProgressIndicator(),
|
||
|
|
const SizedBox(height: 20),
|
||
|
|
const Text(
|
||
|
|
'Loading data, please wait...',
|
||
|
|
style: TextStyle(fontWeight: FontWeight.bold, fontSize: 18),
|
||
|
|
),
|
||
|
|
] else ...[
|
||
|
|
Text(
|
||
|
|
userProfiles.length > 1
|
||
|
|
? 'No new profiles available yet.'
|
||
|
|
: 'No profiles available at the moment.',
|
||
|
|
style: const TextStyle(
|
||
|
|
fontWeight: FontWeight.bold,
|
||
|
|
fontSize: 18,
|
||
|
|
),
|
||
|
|
),
|
||
|
|
const SizedBox(height: 60),
|
||
|
|
const Text(
|
||
|
|
'Please check back later, perhaps tomorrow.',
|
||
|
|
textAlign: TextAlign.center,
|
||
|
|
style: TextStyle(fontWeight: FontWeight.bold, fontSize: 18),
|
||
|
|
),
|
||
|
|
],
|
||
|
|
],
|
||
|
|
),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
return Scaffold(
|
||
|
|
appBar: AppBar(title: const Text('Find your Match')),
|
||
|
|
body: SafeArea(
|
||
|
|
top: false,
|
||
|
|
child: Stack(
|
||
|
|
children: [
|
||
|
|
Positioned.fill(
|
||
|
|
child: Padding(
|
||
|
|
padding: const EdgeInsets.all(8),
|
||
|
|
child: SwipableStack(
|
||
|
|
detectableSwipeDirections: const {
|
||
|
|
SwipeDirection.right,
|
||
|
|
SwipeDirection.left,
|
||
|
|
SwipeDirection.up,
|
||
|
|
},
|
||
|
|
controller: _controller,
|
||
|
|
stackClipBehaviour: Clip.none,
|
||
|
|
swipeAnchor: SwipeAnchor.bottom,
|
||
|
|
// item count +1 for additional end page
|
||
|
|
itemCount: potentialUserProfiles.length + 1,
|
||
|
|
onSwipeCompleted: (index, direction) {
|
||
|
|
//
|
||
|
|
// Swipe logic
|
||
|
|
//
|
||
|
|
String swipedUserId =
|
||
|
|
potentialUserProfiles[_controller.currentIndex].id;
|
||
|
|
if (direction == SwipeDirection.right) {
|
||
|
|
_saveSwipeAction(swipedUserId, SwipeDirection.right);
|
||
|
|
_checkForMatch(swipedUserId);
|
||
|
|
} else if (direction == SwipeDirection.left) {
|
||
|
|
_saveSwipeAction(swipedUserId, SwipeDirection.left);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
horizontalSwipeThreshold: 0.8,
|
||
|
|
verticalSwipeThreshold: 0.8,
|
||
|
|
builder: (context, properties) {
|
||
|
|
if (properties.index == potentialUserProfiles.length) {
|
||
|
|
return Center(
|
||
|
|
child: _buildLastCard(), // last card
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
final userProfile = potentialUserProfiles[
|
||
|
|
properties.index % potentialUserProfiles.length];
|
||
|
|
return Container(
|
||
|
|
alignment: Alignment.center,
|
||
|
|
decoration: BoxDecoration(
|
||
|
|
borderRadius: BorderRadius.circular(25.0),
|
||
|
|
color: Colors.blue,
|
||
|
|
),
|
||
|
|
child: Stack(
|
||
|
|
children: [
|
||
|
|
_buildUserCard(userProfile),
|
||
|
|
if (properties.stackIndex == 0 &&
|
||
|
|
properties.direction != null)
|
||
|
|
CardOverlay(
|
||
|
|
swipeProgress: properties.swipeProgress,
|
||
|
|
direction: properties.direction!,
|
||
|
|
),
|
||
|
|
],
|
||
|
|
),
|
||
|
|
);
|
||
|
|
},
|
||
|
|
),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
_buildSwipeButtons(),
|
||
|
|
],
|
||
|
|
),
|
||
|
|
),
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
Widget _buildUserCard(UserProfile userProfile) {
|
||
|
|
return Card(
|
||
|
|
child: Padding(
|
||
|
|
padding: const EdgeInsets.all(16.0),
|
||
|
|
child: SingleChildScrollView(
|
||
|
|
child: Column(
|
||
|
|
mainAxisSize: MainAxisSize.min,
|
||
|
|
children: [
|
||
|
|
Text(userProfile.name, style: const TextStyle(fontSize: 24)),
|
||
|
|
Text(userProfile.email, style: const TextStyle(fontSize: 24)),
|
||
|
|
const SizedBox(height: 8),
|
||
|
|
Text(
|
||
|
|
'Has skills and experience in: ${userProfile.skills.join(', ')}'),
|
||
|
|
Text(
|
||
|
|
'Seeks someone with skills in: ${userProfile.skillsSought.join(', ')}'),
|
||
|
|
Text('Risk type: ${userProfile.risk}'),
|
||
|
|
Text(
|
||
|
|
'Speaks: ${userProfile.languages.map((lang) => lang.name).join(', ')}'),
|
||
|
|
Text(
|
||
|
|
'Lives in: ${userProfile.locations[Constants.dbDocMainLocation]?.locality ?? 'N/A'}'),
|
||
|
|
Text(
|
||
|
|
'Coordinates: ${userProfile.locations[Constants.dbDocMainLocation]?.latitude} ${userProfile.locations[Constants.dbDocMainLocation]?.longitude}'),
|
||
|
|
Text(
|
||
|
|
'Second home: ${userProfile.locations[Constants.dbDocSecondLocation]?.locality ?? 'N/A'}'),
|
||
|
|
Text(
|
||
|
|
'Shortest distance: ${_shortestDistanceBetweenUsers(currentUserProfile!, userProfile).toStringAsFixed(0)} km'),
|
||
|
|
],
|
||
|
|
),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
Widget _buildLastCard() {
|
||
|
|
return Padding(
|
||
|
|
padding: const EdgeInsets.all(16.0),
|
||
|
|
child: SingleChildScrollView(
|
||
|
|
child: Column(
|
||
|
|
// Show reached end message and restart button
|
||
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
||
|
|
children: [
|
||
|
|
const Icon(Icons.person_search, size: 64),
|
||
|
|
const SizedBox(height: 20),
|
||
|
|
const Text('You\'ve viewed all available profiles.',
|
||
|
|
textAlign: TextAlign.center,
|
||
|
|
style: TextStyle(fontSize: 24, fontWeight: FontWeight.bold)),
|
||
|
|
const SizedBox(height: 60),
|
||
|
|
const Text(
|
||
|
|
'Would you like to do another run and see the remaining profiles again?',
|
||
|
|
textAlign: TextAlign.center,
|
||
|
|
style: TextStyle(fontSize: 24, fontWeight: FontWeight.bold)),
|
||
|
|
const SizedBox(height: 20),
|
||
|
|
ElevatedButton(
|
||
|
|
onPressed: () {
|
||
|
|
setState(() {
|
||
|
|
// Restart swiping from the beginning
|
||
|
|
_controller.currentIndex = 0;
|
||
|
|
});
|
||
|
|
},
|
||
|
|
child: const Text('Another run'),
|
||
|
|
),
|
||
|
|
],
|
||
|
|
),
|
||
|
|
),
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
Widget _buildSwipeButtons() {
|
||
|
|
return Positioned(
|
||
|
|
bottom: 16,
|
||
|
|
left: 0,
|
||
|
|
right: 0,
|
||
|
|
child: Row(
|
||
|
|
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
||
|
|
children: [
|
||
|
|
FloatingActionButton(
|
||
|
|
heroTag: 'myFABUndo',
|
||
|
|
tooltip: 'Undo last action',
|
||
|
|
shape: const CircleBorder(),
|
||
|
|
onPressed: () {
|
||
|
|
_controller.rewind(duration: Durations.extralong4);
|
||
|
|
},
|
||
|
|
child: const Icon(Icons.undo),
|
||
|
|
),
|
||
|
|
SizedBox(
|
||
|
|
width: 72,
|
||
|
|
height: 72,
|
||
|
|
child: FloatingActionButton(
|
||
|
|
heroTag: 'myFABSwipeLeft',
|
||
|
|
shape: const CircleBorder(),
|
||
|
|
onPressed: _swipeLeft,
|
||
|
|
child: Stack(
|
||
|
|
// to deal with icons inner transparency
|
||
|
|
alignment: Alignment.center,
|
||
|
|
children: [
|
||
|
|
Container(
|
||
|
|
width: 48.0,
|
||
|
|
height: 48.0,
|
||
|
|
decoration: const BoxDecoration(
|
||
|
|
color: Colors.white70,
|
||
|
|
shape: BoxShape.circle,
|
||
|
|
),
|
||
|
|
),
|
||
|
|
const Icon(Icons.cancel, color: Colors.red, size: 72),
|
||
|
|
],
|
||
|
|
),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
SizedBox(
|
||
|
|
width: 72,
|
||
|
|
height: 72,
|
||
|
|
child: FloatingActionButton(
|
||
|
|
heroTag: 'myFABSwipeRight',
|
||
|
|
shape: const CircleBorder(),
|
||
|
|
onPressed: _swipeRight,
|
||
|
|
child: Stack(
|
||
|
|
// to deal with icons inner transparency
|
||
|
|
alignment: Alignment.center,
|
||
|
|
children: [
|
||
|
|
Container(
|
||
|
|
width: 48.0,
|
||
|
|
height: 48.0,
|
||
|
|
decoration: const BoxDecoration(
|
||
|
|
color: Colors.white70,
|
||
|
|
shape: BoxShape.circle,
|
||
|
|
),
|
||
|
|
),
|
||
|
|
const Icon(Icons.check_circle, color: Colors.green, size: 72),
|
||
|
|
],
|
||
|
|
),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
FloatingActionButton(
|
||
|
|
tooltip: 'Skip profile',
|
||
|
|
heroTag: 'myFABSkip',
|
||
|
|
shape: const CircleBorder(),
|
||
|
|
onPressed: _skip,
|
||
|
|
child: const Icon(Icons.skip_next),
|
||
|
|
),
|
||
|
|
],
|
||
|
|
),
|
||
|
|
);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
class CardOverlay extends StatelessWidget {
|
||
|
|
final double swipeProgress;
|
||
|
|
final SwipeDirection direction;
|
||
|
|
|
||
|
|
const CardOverlay({
|
||
|
|
super.key,
|
||
|
|
required this.swipeProgress,
|
||
|
|
required this.direction,
|
||
|
|
});
|
||
|
|
|
||
|
|
@override
|
||
|
|
Widget build(BuildContext context) {
|
||
|
|
return Positioned.fill(
|
||
|
|
bottom: 300,
|
||
|
|
child: Opacity(
|
||
|
|
opacity: swipeProgress.abs().clamp(0.0, 1.0),
|
||
|
|
child: Align(
|
||
|
|
alignment: direction == SwipeDirection.right
|
||
|
|
? Alignment.centerLeft
|
||
|
|
: (direction == SwipeDirection.left
|
||
|
|
? Alignment.centerRight
|
||
|
|
: Alignment.center),
|
||
|
|
child: Icon(
|
||
|
|
direction == SwipeDirection.right
|
||
|
|
? Icons.thumb_up
|
||
|
|
: (direction == SwipeDirection.left
|
||
|
|
? Icons.thumb_down
|
||
|
|
: Icons.skip_next),
|
||
|
|
size: 100,
|
||
|
|
color: direction == SwipeDirection.right
|
||
|
|
? Colors.green
|
||
|
|
: (direction == SwipeDirection.left ? Colors.red : Colors.blue),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
);
|
||
|
|
}
|
||
|
|
}
|