Skip to content

refactor: example app - #5053

Open
michalfedyna wants to merge 5 commits into
callstack:mainfrom
michalfedyna:refactor/example-app
Open

refactor: example app#5053
michalfedyna wants to merge 5 commits into
callstack:mainfrom
michalfedyna:refactor/example-app

Conversation

@michalfedyna

@michalfedyna michalfedyna commented Aug 17, 2026

Copy link
Copy Markdown

Motivation

PR improves example app. It adds:

  • Samples screen
  • 8 small and focused samples
  • Improved UI for preferences
  • Search for example usage list
Screen iOS Android
Samples list ios-01 android-01
Preferences ios-02 android-02
Examples list ios-03 android-03
Search ios-04 android-04
Sign up sample ios-05 android-05
Contacts sample ios-06 android-06
Article sample ios-07 android-07
Settings sample ios-08 android-08
Player sample ios-09 android-09
Orders sample ios-10 android-10
Help center sample ios-11 android-11
Workspace sample ios-12 android-12

Related issue

#4992

Test plan

yarn lint, yarn typecheck, yarn test and a visual check of provided screenshots

@MikitasK MikitasK left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

looks awesome! good job 👍
just a few points to address before merge:

Comment on lines +121 to +126
const resetPreferences = React.useCallback(async () => {
setShouldUseDynamicTheme(true);
setIsDarkMode(false);
setCustomFont(false);
setRippleEffectEnabled(true);
setPreferencesVisible(false);

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

what about resetting RTL here as well? currently Reset clears stored preferences but leaves rtl unchanged, so the app can remain in RTL after resetting
I18nManager.forceRTL persists forced direction across restarts

keyExtractor={({ id }) => id}
contentContainerStyle={[
styles.content,
{ paddingBottom: safeArea.bottom + 16 },

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

could we also include left & right safe-area insets in horizontal padding?
it's necessary to render list correctly in landscape mode (RN navigation docs)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants