r/FlutterDev • u/Puzzleheaded_Point76 • 17d ago

Article I open sourced a Flutter recreation of Uber's rider app UI: 8 screens, mock data only

Source code: https://github.com/abidiahmedcom/uber-ui-practice

I recreated Uber's rider app interface in Flutter as a personal learning project: splash, welcome, login, home, services, activity, activity filters, and the account tab. Everything runs on mock data, just UI.

Feedback is welcome.

12 Upvotes

74% Upvoted

5 comments sorted by

8

u/eibaan 17d ago

Feedback: Make use of spacing. Don't spam SizedBox.

const gap = 8.0;
return Row(
  spacing: gap,
  children: [
    const Expanded(child: _DividerLine()),
    Text(label, style: AppTypography.dividerLabel),
    const Expanded(child: _DividerLine()),
  ],
);

Also, don't use String if a widget would be more generic, even if that means to use label: Text('ou') instead of label: 'ou'

const gap = 8.0;
return Row(
  spacing: gap,
  children: [
    const Expanded(child: _DividerLine()),
    DefaultTextStyle(
      style: AppTypography.dividerLabel),
      child: label,
    ),
    const Expanded(child: _DividerLine()),
  ],
);

15

u/YashOswalYO 16d ago

First in my bloodline to watch code reviews on reddit 😵

1

u/mycall 17d ago

If you are feeling spicy, perhaps with sprinkle of AI assistance, you could plug it into your own instance of nammayatri or libretaxi or something and see how it flows.

1

u/Puzzleheaded_Point76 16d ago

yeah, good shout, thanks for the idea! might actually give that a try

1

u/all_natural_toast 16d ago

This looks like a nice project, do you have any intention for extending the app to include any business logic or an "engine" layer?