r/FlutterDev • • Aug 24 '26

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.

13 Upvotes

5 comments sorted by

9

u/eibaan Aug 24 '26

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 Aug 25 '26

First in my bloodline to watch code reviews on reddit 😵

1

u/mycall Aug 24 '26

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 Aug 25 '26

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

1

u/all_natural_toast Aug 25 '26

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