twonly/twonly-app
1
0
Fork 0
mirror of https://github.com/twonlyapp/twonly-app.git synced 2026-05-25 07:22:13 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

improved ui elements
Some checks are pending
Flutter analyze & test / flutter_analyze_and_test (push) Waiting to run
Details

Browse source
This commit is contained in:
otsmr 2026-05-19 16:23:32 +02:00
parent 6f8f1efe81
commit b788146beb
6 changed files with 363 additions and 166 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
lib/src/localization/generated/app_localizations.dart
View file

@ -2435,13 +2435,13 @@ abstract class AppLocalizations {
/// No description provided for @userDiscoverySettingsManualApproval. /// No description provided for @userDiscoverySettingsManualApproval.
/// ///
/// In en, this message translates to: /// In en, this message translates to:
/// **'Manual approval'** /// **'Ask before sharing'**
String get userDiscoverySettingsManualApproval; String get userDiscoverySettingsManualApproval;
/// No description provided for @userDiscoverySettingsManualApprovalDesc. /// No description provided for @userDiscoverySettingsManualApprovalDesc.
/// ///
/// In en, this message translates to: /// In en, this message translates to:
/// **'Before someone is shared, you\'ll be asked first.'** /// **'Before one of your friends is shared, you will be asked every time.'**
String get userDiscoverySettingsManualApprovalDesc; String get userDiscoverySettingsManualApprovalDesc;
/// No description provided for @onboardingUserDiscoveryLetFriendsFindYou. /// No description provided for @onboardingUserDiscoveryLetFriendsFindYou.
@ -2882,6 +2882,18 @@ abstract class AppLocalizations {
/// **'Mutual Friends'** /// **'Mutual Friends'**
String get userDiscoverySettingsTitle; String get userDiscoverySettingsTitle;
/// No description provided for @userDiscoveryWhyThisIsUsed.
///
/// In en, this message translates to:
/// **'Why this is used'**
String get userDiscoveryWhyThisIsUsed;
/// No description provided for @userDiscoveryFeatureOffers.
///
/// In en, this message translates to:
/// **'Your benefits at a glance'**
String get userDiscoveryFeatureOffers;
/// No description provided for @userDiscoveryDisabledLearnMore. /// No description provided for @userDiscoveryDisabledLearnMore.
/// ///
/// In en, this message translates to: /// In en, this message translates to:

10
lib/src/localization/generated/app_localizations_de.dart
View file

@ -1330,11 +1330,11 @@ class AppLocalizationsDe extends AppLocalizations {
'Erfahre, wer dich anfragt'; 'Erfahre, wer dich anfragt';
@override @override
String get userDiscoverySettingsManualApproval => 'Manuelle Zustimmung'; String get userDiscoverySettingsManualApproval => 'Vor dem Teilen fragen';
@override @override
String get userDiscoverySettingsManualApprovalDesc => String get userDiscoverySettingsManualApprovalDesc =>
'Bevor jemand geteilt wird, wirst du zuerst gefragt.'; 'Bevor einer deiner Freunde geteilt wird, wirst du jedes Mal gefragt.';
@override @override
String get onboardingUserDiscoveryLetFriendsFindYou => String get onboardingUserDiscoveryLetFriendsFindYou =>
@ -1629,6 +1629,12 @@ class AppLocalizationsDe extends AppLocalizations {
@override @override
String get userDiscoverySettingsTitle => 'Gemeinsame Freunde'; String get userDiscoverySettingsTitle => 'Gemeinsame Freunde';
@override
String get userDiscoveryWhyThisIsUsed => 'Warum dies verwendet wird';
@override
String get userDiscoveryFeatureOffers => 'Dein Nutzen auf einen Blick';
@override @override
String get userDiscoveryDisabledLearnMore => 'Mehr erfahren'; String get userDiscoveryDisabledLearnMore => 'Mehr erfahren';

10
lib/src/localization/generated/app_localizations_en.dart
View file

@ -1321,11 +1321,11 @@ class AppLocalizationsEn extends AppLocalizations {
'Be informed about who is requesting'; 'Be informed about who is requesting';
@override @override
String get userDiscoverySettingsManualApproval => 'Manual approval'; String get userDiscoverySettingsManualApproval => 'Ask before sharing';
@override @override
String get userDiscoverySettingsManualApprovalDesc => String get userDiscoverySettingsManualApprovalDesc =>
'Before someone is shared, you\'ll be asked first.'; 'Before one of your friends is shared, you will be asked every time.';
@override @override
String get onboardingUserDiscoveryLetFriendsFindYou => String get onboardingUserDiscoveryLetFriendsFindYou =>
@ -1614,6 +1614,12 @@ class AppLocalizationsEn extends AppLocalizations {
@override @override
String get userDiscoverySettingsTitle => 'Mutual Friends'; String get userDiscoverySettingsTitle => 'Mutual Friends';
@override
String get userDiscoveryWhyThisIsUsed => 'Why this is used';
@override
String get userDiscoveryFeatureOffers => 'Your benefits at a glance';
@override @override
String get userDiscoveryDisabledLearnMore => 'Learn more'; String get userDiscoveryDisabledLearnMore => 'Learn more';

2
lib/src/localization/translations

@ -1 +1 @@
Subproject commit 3a9c589de2d2abc0042004dbfe943fa4fb2c92c7 Subproject commit 3142288ce2597f051f4294cb1b3ef33a1fe23362

4
lib/src/visual/views/settings/developer/developer.view.dart
View file

@ -369,9 +369,7 @@ class _DeveloperSettingsViewState extends State<DeveloperSettingsView> {
title: const Text('Reopen Setup'), title: const Text('Reopen Setup'),
onTap: () async { onTap: () async {
await UserService.update((u) { await UserService.update((u) {
u u.currentSetupPage = SetupPages.profile.name;
..currentSetupPage = SetupPages.profile.name
..isUserDiscoveryEnabled = false;
}); });
}, },
), ),

479
lib/src/visual/views/settings/privacy/user_discovery/components/user_discovery_setup.comp.dart
View file

@ -8,7 +8,6 @@ import 'package:twonly/src/visual/components/avatar_icon.comp.dart';
import 'package:twonly/src/visual/components/verification_badge.comp.dart'; import 'package:twonly/src/visual/components/verification_badge.comp.dart';
import 'package:twonly/src/visual/views/contact/add_new_contact_components/friend_suggestions.comp.dart'; import 'package:twonly/src/visual/views/contact/add_new_contact_components/friend_suggestions.comp.dart';
import 'package:twonly/src/visual/views/onboarding/setup/components/mock_contact_request_actions.comp.dart'; import 'package:twonly/src/visual/views/onboarding/setup/components/mock_contact_request_actions.comp.dart';
import 'package:twonly/src/visual/views/onboarding/setup/components/setup_switch_card.comp.dart';
List<String> getExampleUsers(BuildContext context) => [ List<String> getExampleUsers(BuildContext context) => [
context.lang.exampleUserName1, context.lang.exampleUserName1,
@ -103,91 +102,94 @@ class UserDiscoverySetupComp extends StatelessWidget {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
final showShareYourFriends =
showOnlySpecificPage == UserDiscoveryPages.all ||
showOnlySpecificPage == UserDiscoveryPages.shareYourFriends;
final showLetYourFriendsFindYou =
showOnlySpecificPage == UserDiscoveryPages.all ||
showOnlySpecificPage == UserDiscoveryPages.letYourFriendsFindYou;
return Center( return Center(
child: Column( child: Column(
mainAxisAlignment: MainAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [ children: [
if (showOnlySpecificPage == UserDiscoveryPages.all || if (showShareYourFriends) ...[
showOnlySpecificPage == UserDiscoveryPages.shareYourFriends) ...[
Text( Text(
context.lang.onboardingUserDiscoveryShareFriends, context.lang.onboardingUserDiscoveryShareFriends,
style: Theme.of(context).textTheme.headlineSmall, style: Theme.of(context).textTheme.headlineSmall,
textAlign: TextAlign.center, textAlign: TextAlign.center,
), ),
const SizedBox(height: 32), const SizedBox(height: 24),
// First description text (centered, no card/title/icon)
RichText( RichText(
text: TextSpan( text: TextSpan(
children: formattedText( children: formattedText(
context, context,
context.lang.onboardingUserDiscoveryShareFriendsDesc, context.lang.onboardingUserDiscoveryShareFriendsDesc,
), ),
style: TextStyle(
color: context.color.onSurface,
fontSize: 13,
height: 1.4,
),
), ),
textAlign: TextAlign.center, textAlign: TextAlign.center,
), ),
const SizedBox(height: 24), const SizedBox(height: 24),
SetupSwitchCard( Container(
value: state.isUserDiscoveryEnabled, padding: const EdgeInsets.all(16),
onChanged: (val) => state.update(() { decoration: BoxDecoration(
state.isUserDiscoveryEnabled = val; color: context.color.surfaceContainerLow,
}), borderRadius: BorderRadius.circular(16),
title: context.lang.onboardingUserDiscoveryShareFriends, border: Border.all(
expandedChild: Column( color: context.color.outlineVariant.withValues(alpha: 0.5),
),
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.stretch, crossAxisAlignment: CrossAxisAlignment.stretch,
children: [ children: [
SwitchListTile( Text(
value: state.isManualApprovalEnabled, context.lang.userDiscoveryFeatureOffers,
onChanged: (val) => state.update( style: TextStyle(
() => state.isManualApprovalEnabled = val, fontSize: 16,
color: context.color.primary,
), ),
title: Text( textAlign: TextAlign.center,
context.lang.userDiscoverySettingsManualApproval,
style: const TextStyle(fontSize: 13),
), ),
subtitle: Text( const SizedBox(height: 12),
context.lang.userDiscoverySettingsManualApprovalDesc,
style: const TextStyle(fontSize: 10),
),
tileColor: context.color.surfaceContainerLow,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(12),
),
contentPadding: const EdgeInsets.symmetric(
horizontal: 16,
),
),
const Padding(
padding: EdgeInsets.only(bottom: 8),
child: Divider(),
),
const _ExampleLabel(),
Text( Text(
context.lang.onboardingUserDiscoveryWhoIsRequesting, context.lang.onboardingUserDiscoveryWhoIsRequesting,
style: TextStyle( style: TextStyle(
color: context.color.onSurfaceVariant, color: context.color.onSurfaceVariant,
fontSize: 12, fontSize: 12,
fontWeight: FontWeight.w500,
), ),
textAlign: TextAlign.center, textAlign: TextAlign.center,
), ),
const SizedBox(height: 16), const SizedBox(height: 8),
Padding( Center(
padding: const EdgeInsets.symmetric(horizontal: 24),
child: Container( child: Container(
constraints: const BoxConstraints(maxWidth: 320),
padding: const EdgeInsets.symmetric( padding: const EdgeInsets.symmetric(
horizontal: 6, horizontal: 12,
vertical: 3, vertical: 8,
), ),
decoration: BoxDecoration( decoration: BoxDecoration(
border: Border.all(color: Colors.grey, width: 0.5), color: context.color.surface,
borderRadius: BorderRadius.circular(12), borderRadius: BorderRadius.circular(12),
border: Border.all(
color: context.color.outlineVariant.withValues(
alpha: 0.3,
),
),
), ),
child: Row( child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [ children: [
const AvatarIcon(fontSize: 14), const AvatarIcon(fontSize: 14),
const SizedBox(width: 5), const SizedBox(width: 8),
Expanded( Expanded(
child: Column( child: Column(
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
@ -208,7 +210,10 @@ class UserDiscoverySetupComp extends StatelessWidget {
context.lang.exampleUserName1, context.lang.exampleUserName1,
], ],
), ),
style: const TextStyle(fontSize: 10), style: TextStyle(
fontSize: 10,
color: context.color.onSurfaceVariant,
),
), ),
), ),
], ],
@ -219,37 +224,46 @@ class UserDiscoverySetupComp extends StatelessWidget {
), ),
), ),
), ),
const SizedBox(height: 16),
const SizedBox(height: 24),
Text( Text(
context.lang.onboardingUserDiscoveryContactsVerifiedBadge, context.lang.onboardingUserDiscoveryContactsVerifiedBadge,
style: TextStyle( style: TextStyle(
color: context.color.onSurfaceVariant, color: context.color.onSurfaceVariant,
fontSize: 12, fontSize: 12,
fontWeight: FontWeight.w500,
), ),
textAlign: TextAlign.center, textAlign: TextAlign.center,
), ),
const SizedBox(height: 16), const SizedBox(height: 8),
Center( Center(
child: Container( child: Container(
width: 100, constraints: const BoxConstraints(maxWidth: 320),
height: 40, padding: const EdgeInsets.symmetric(
horizontal: 16,
vertical: 8,
),
decoration: BoxDecoration( decoration: BoxDecoration(
border: Border.all(color: Colors.grey, width: 0.5), color: context.color.surface,
borderRadius: BorderRadius.circular(12), borderRadius: BorderRadius.circular(12),
border: Border.all(
color: context.color.outlineVariant.withValues(
alpha: 0.3,
),
),
), ),
child: Row( child: Row(
mainAxisAlignment: MainAxisAlignment.center, mainAxisSize: MainAxisSize.min,
children: [ children: [
const AvatarIcon(fontSize: 12), const AvatarIcon(fontSize: 12),
const SizedBox(width: 5), const SizedBox(width: 8),
Text( Text(
context.lang.exampleJane, context.lang.exampleJane,
style: const TextStyle( style: const TextStyle(
fontWeight: FontWeight.bold, fontWeight: FontWeight.bold,
fontSize: 13,
), ),
), ),
const SizedBox(width: 5), const SizedBox(width: 6),
const VerificationBadgeComp( const VerificationBadgeComp(
isVerifiedByTransferredTrust: true, isVerifiedByTransferredTrust: true,
size: 14, size: 14,
@ -259,113 +273,171 @@ class UserDiscoverySetupComp extends StatelessWidget {
), ),
), ),
), ),
const SizedBox(height: 16),
], ],
), ),
), ),
const SizedBox(height: 24),
// Checkboxes / settings Card
Container(
padding: const EdgeInsets.all(12),
decoration: BoxDecoration(
color: context.color.surfaceContainerLow,
borderRadius: BorderRadius.circular(16),
border: Border.all(
color: context.color.outlineVariant.withValues(alpha: 0.5),
),
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
SwitchListTile(
value: state.isUserDiscoveryEnabled,
onChanged: (val) => state.update(() {
state.isUserDiscoveryEnabled = val;
}),
title: Text(
context.lang.onboardingUserDiscoveryShareFriends,
style: const TextStyle(
fontWeight: FontWeight.bold,
fontSize: 14,
),
),
tileColor: Colors.transparent,
contentPadding: const EdgeInsets.symmetric(horizontal: 8),
),
AnimatedCrossFade(
firstChild: const SizedBox(
width: double.infinity,
height: 0,
),
secondChild: Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
Padding(
padding: const EdgeInsets.symmetric(horizontal: 8),
child: Divider(
color: context.color.outlineVariant.withValues(
alpha: 0.3,
),
),
),
SwitchListTile(
value: state.isManualApprovalEnabled,
onChanged: (val) => state.update(
() => state.isManualApprovalEnabled = val,
),
title: Text(
context.lang.userDiscoverySettingsManualApproval,
style: const TextStyle(
fontSize: 13,
fontWeight: FontWeight.w600,
),
),
subtitle: Text(
context
.lang
.userDiscoverySettingsManualApprovalDesc,
style: TextStyle(
fontSize: 11,
color: context.color.onSurfaceVariant,
),
),
tileColor: Colors.transparent,
contentPadding: const EdgeInsets.symmetric(
horizontal: 8,
vertical: 4,
),
),
],
),
crossFadeState: state.isUserDiscoveryEnabled
? CrossFadeState.showSecond
: CrossFadeState.showFirst,
duration: const Duration(milliseconds: 300),
),
],
),
),
if (showOnlySpecificPage == UserDiscoveryPages.all) if (showOnlySpecificPage == UserDiscoveryPages.all)
const SizedBox(height: 80), const SizedBox(height: 48),
], ],
if (showLetYourFriendsFindYou) ...[
if (showOnlySpecificPage == UserDiscoveryPages.all ||
showOnlySpecificPage ==
UserDiscoveryPages.letYourFriendsFindYou) ...[
Text( Text(
context.lang.onboardingUserDiscoveryLetFriendsFindYou, context.lang.onboardingUserDiscoveryLetFriendsFindYou,
style: Theme.of(context).textTheme.headlineSmall, style: Theme.of(context).textTheme.headlineSmall,
textAlign: TextAlign.center, textAlign: TextAlign.center,
), ),
const SizedBox(height: 32), const SizedBox(height: 24),
// First description text (centered, no card/title/icon)
RichText( RichText(
text: TextSpan( text: TextSpan(
children: formattedText( children: formattedText(
context, context,
context.lang.userDiscoveryDisabledIntro, context.lang.userDiscoveryDisabledIntro,
), ),
style: TextStyle(
color: context.color.onSurface,
fontSize: 13,
height: 1.4,
),
), ),
textAlign: TextAlign.center, textAlign: TextAlign.center,
), ),
const SizedBox(height: 24),
const SizedBox(height: 32), Container(
padding: const EdgeInsets.all(16),
SetupSwitchCard( decoration: BoxDecoration(
value: state.sharePromotion, color: context.color.surfaceContainerLow,
onChanged: (val) => state.update(() { borderRadius: BorderRadius.circular(16),
state.sharePromotion = val; border: Border.all(
}), color: context.color.outlineVariant.withValues(alpha: 0.5),
title: context.lang.onboardingUserDiscoveryBeRecommended, ),
expandedChild: Column( ),
child: Column(
crossAxisAlignment: CrossAxisAlignment.stretch, crossAxisAlignment: CrossAxisAlignment.stretch,
children: [ children: [
Padding( Text(
padding: const EdgeInsets.symmetric(horizontal: 16), context.lang.userDiscoveryFeatureOffers,
child: Row( style: TextStyle(
children: [ fontSize: 16,
Expanded( color: context.color.primary,
child: Text(
context.lang.userDiscoverySettingsMutualFriends,
style: const TextStyle(fontSize: 12),
), ),
textAlign: TextAlign.center,
), ),
const SizedBox(width: 12), const SizedBox(height: 12),
DropdownButtonHideUnderline(
child: DropdownButton<int>(
value: state.threshold,
items: List.generate(
9,
(index) {
final value = index + 2;
return DropdownMenuItem<int>(
value: value,
child: Text('$value'),
);
},
),
onChanged: (newValue) {
if (newValue != null) {
state.update(() {
state.threshold = newValue;
});
}
},
),
),
],
),
),
const Padding(
padding: EdgeInsets.only(bottom: 8, top: 8),
child: Divider(),
),
const _ExampleLabel(),
Text( Text(
context.lang.onboardingUserDiscoveryWhatOthersSee, context.lang.onboardingUserDiscoveryWhatOthersSee,
style: TextStyle( style: TextStyle(
color: context.color.onSurfaceVariant, color: context.color.onSurfaceVariant,
fontSize: 12, fontSize: 12,
fontWeight: FontWeight.w500,
), ),
textAlign: TextAlign.center, textAlign: TextAlign.center,
), ),
const SizedBox(height: 16), const SizedBox(height: 8),
Padding( Center(
padding: const EdgeInsets.symmetric(horizontal: 16),
child: Container( child: Container(
constraints: const BoxConstraints(maxWidth: 320),
padding: const EdgeInsets.symmetric( padding: const EdgeInsets.symmetric(
horizontal: 6, horizontal: 12,
vertical: 3, vertical: 8,
), ),
decoration: BoxDecoration( decoration: BoxDecoration(
border: Border.all(color: Colors.grey, width: 0.5), color: context.color.surface,
borderRadius: BorderRadius.circular(12), borderRadius: BorderRadius.circular(12),
border: Border.all(
color: context.color.outlineVariant.withValues(
alpha: 0.3,
),
),
), ),
child: Row( child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [ children: [
const AvatarIcon(fontSize: 14), const AvatarIcon(fontSize: 14),
const SizedBox(width: 5), const SizedBox(width: 8),
Expanded( Expanded(
child: Column( child: Column(
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
@ -374,6 +446,7 @@ class UserDiscoverySetupComp extends StatelessWidget {
userService.currentUser.username, userService.currentUser.username,
style: const TextStyle( style: const TextStyle(
fontWeight: FontWeight.bold, fontWeight: FontWeight.bold,
fontSize: 13,
), ),
), ),
RichText( RichText(
@ -385,7 +458,10 @@ class UserDiscoverySetupComp extends StatelessWidget {
state.threshold, state.threshold,
), ),
), ),
style: const TextStyle(fontSize: 11), style: TextStyle(
fontSize: 11,
color: context.color.onSurfaceVariant,
),
), ),
), ),
], ],
@ -402,28 +478,31 @@ class UserDiscoverySetupComp extends StatelessWidget {
style: TextStyle( style: TextStyle(
color: context.color.onSurfaceVariant, color: context.color.onSurfaceVariant,
fontSize: 12, fontSize: 12,
fontWeight: FontWeight.w500,
), ),
textAlign: TextAlign.center, textAlign: TextAlign.center,
), ),
const SizedBox(height: 16), const SizedBox(height: 8),
Padding( Center(
padding: const EdgeInsets.symmetric(
horizontal: 16,
),
child: Container( child: Container(
constraints: const BoxConstraints(maxWidth: 320),
padding: const EdgeInsets.symmetric( padding: const EdgeInsets.symmetric(
horizontal: 6, horizontal: 12,
vertical: 3, vertical: 8,
), ),
decoration: BoxDecoration( decoration: BoxDecoration(
border: Border.all(color: Colors.grey, width: 0.5), color: context.color.surface,
borderRadius: BorderRadius.circular(12), borderRadius: BorderRadius.circular(12),
border: Border.all(
color: context.color.outlineVariant.withValues(
alpha: 0.3,
),
),
), ),
child: Row( child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [ children: [
const AvatarIcon(fontSize: 14), const AvatarIcon(fontSize: 14),
const SizedBox(width: 5), const SizedBox(width: 8),
Expanded( Expanded(
child: Column( child: Column(
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
@ -444,7 +523,10 @@ class UserDiscoverySetupComp extends StatelessWidget {
state.threshold, state.threshold,
), ),
), ),
style: const TextStyle(fontSize: 10), style: TextStyle(
fontSize: 10,
color: context.color.onSurfaceVariant,
),
), ),
), ),
], ],
@ -455,38 +537,131 @@ class UserDiscoverySetupComp extends StatelessWidget {
), ),
), ),
), ),
const SizedBox(height: 16),
], ],
), ),
), ),
], const SizedBox(height: 24),
],
),
);
}
}
class _ExampleLabel extends StatelessWidget { // Checkboxes / settings Card
const _ExampleLabel(); Container(
padding: const EdgeInsets.all(12),
@override
Widget build(BuildContext context) {
return Align(
alignment: Alignment.centerRight,
child: Padding(
padding: const EdgeInsets.only(right: 12),
child: Container(
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 2),
decoration: BoxDecoration( decoration: BoxDecoration(
border: Border.all(color: Colors.grey, width: 0.5), color: context.color.surfaceContainerLow,
borderRadius: BorderRadius.circular(12), borderRadius: BorderRadius.circular(16),
border: Border.all(
color: context.color.outlineVariant.withValues(alpha: 0.5),
), ),
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
SwitchListTile(
value: state.sharePromotion,
onChanged: (val) => state.update(() {
state.sharePromotion = val;
}),
title: Text(
context.lang.onboardingUserDiscoveryBeRecommended,
style: const TextStyle(
fontWeight: FontWeight.bold,
fontSize: 14,
),
),
tileColor: Colors.transparent,
contentPadding: const EdgeInsets.symmetric(horizontal: 8),
),
AnimatedCrossFade(
firstChild: const SizedBox(
width: double.infinity,
height: 0,
),
secondChild: Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
Padding(
padding: const EdgeInsets.symmetric(horizontal: 8),
child: Divider(
color: context.color.outlineVariant.withValues(
alpha: 0.3,
),
),
),
Padding(
padding: const EdgeInsets.symmetric(
horizontal: 8,
vertical: 8,
),
child: Row(
children: [
Expanded(
child: Text( child: Text(
context.lang.onboardingExampleLabel, context
style: const TextStyle(fontSize: 10), .lang
.userDiscoverySettingsMutualFriends,
style: const TextStyle(
fontSize: 12,
fontWeight: FontWeight.w600,
), ),
), ),
), ),
const SizedBox(width: 12),
Container(
padding: const EdgeInsets.symmetric(
horizontal: 12,
),
decoration: BoxDecoration(
color: context.color.surface,
borderRadius: BorderRadius.circular(8),
border: Border.all(
color: context.color.outlineVariant
.withValues(
alpha: 0.5,
),
),
),
child: DropdownButtonHideUnderline(
child: DropdownButton<int>(
value: state.threshold,
style: TextStyle(
color: context.color.onSurface,
fontWeight: FontWeight.bold,
),
items: List.generate(
9,
(index) {
final value = index + 2;
return DropdownMenuItem<int>(
value: value,
child: Text('$value'),
);
},
),
onChanged: (newValue) {
if (newValue != null) {
state.update(() {
state.threshold = newValue;
});
}
},
),
),
),
],
),
),
],
),
crossFadeState: state.sharePromotion
? CrossFadeState.showSecond
: CrossFadeState.showFirst,
duration: const Duration(milliseconds: 300),
),
],
),
),
],
],
),
); );
} }
} }