Files
buzz/mobile/lib/shared/community/community_grid.dart
klopez4212 e922dc08ff Unify mobile onboarding and community entry screens (#8687)
## Summary

Use consistent fullscreen screens for identity setup, community
selection, joining, and Add Community. Restore all memberships and open
the selected community; share the community grid with the switcher.

Add QR-first choices, animated link entry with 12px keyboard clearance,
a two-finger double-tap pairing toggle, and the centered reversing bee
loader. Preserve cancellation, Back, and reduced-motion behavior.

Add intentionally omits community creation and Builderlab sign-in: this
route follows sign-in and the existing-community picker.

### Related issue

Related: #8628 (native profile setup). No duplicate fullscreen
onboarding PR found.

### Testing

- Full standard and hosted-authentication mobile suites, static
analysis, and required push checks passed.
- iPhone preview iterated with Kenny; final simulator walkthrough below
uses synthetic data and does not authenticate or save account changes.
- Independent review completed; regressions cover cancellation during
loading, Add recovery after failed/conflicting memberships, retrying
skipped communities, and explicit picker stages.

Walkthrough recorded before the copy and recovery followups:


https://github.com/user-attachments/assets/bfea3ad3-1dde-40c4-8748-44c84226c292

---------

Signed-off-by: kenny lopez <klopez4212@gmail.com>
Co-authored-by: Terp <5856f6900e8e0a4e0ea1f4f8d2ee33e4753d2119bc122f94ecafc660b46c0511@buzz.block.builderlab.xyz>
2026-10-29 16:12:31 +00:00

36 lines
1.0 KiB
Dart

import 'package:flutter/material.dart';
import '../theme/theme.dart';
const communityGridAvatarSize = 88.0;
/// Intrinsic-height rows keep two columns without clipping scaled labels.
class CommunityGrid extends StatelessWidget {
const CommunityGrid({super.key, required this.children});
final List<Widget> children;
@override
Widget build(BuildContext context) => Column(
key: const Key('community-switcher-options'),
mainAxisSize: MainAxisSize.min,
children: [
for (var index = 0; index < children.length; index += 2)
Padding(
padding: const EdgeInsets.only(bottom: Grid.md),
child: Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Expanded(child: children[index]),
const SizedBox(width: Grid.xs),
Expanded(
child: index + 1 < children.length
? children[index + 1]
: const SizedBox.shrink(),
),
],
),
),
],
);
}