Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Android - Main chat screen appears briefly when opening settings option

See original GitHub issue

Expected Result:

Transition between screens should be smooth and not show any unnecessary screens

Actual Result:

Main screen showing list of chats appears briefly when opening settings option

Action Performed:

Open the expensify.cash app on Android
Click on profile icon
Click on item in Settings list (example: Preferences)
See main screen showing list of chats flash briefly before showing selected screen (example: see mm 0:07 in linked video)

Workaround:

N/A

Platform:

Where is this issue occurring?

Web: No iOS: No Android: Yes Desktop App: No Mobile Web: No

Version Number: 1.0.23-1

Notes/Photos/Videos: Device and OS: Huawei P20 Pro / 10.0

Video

Expensify/Expensify Issue URL:

https://github.com/Expensify/Expensify/issues/160935

Issue Analytics

State:
Created 2 years ago
Comments:19 (11 by maintainers)

Top GitHub Comments

2reactions

Maftalioncommented, Apr 22, 2021

Proposal

This issue seems to be the result of the custom cardStyleInterpolator/cardStyle defined on the Auth stack.

Updating the style to only apply to large screens (I believe that’s what it’s intended purpose is for) would fix this issue:

function getNavigationModalCardStyle(isSmallScreenWidth) {
    return isSmallScreenWidth ? {}
        : {
            position: 'absolute',
            top: 0,
            right: 0,
            width: variables.sideBarWidth,
            backgroundColor: 'transparent',
            height: '100%',
        };
}

Video

https://user-images.githubusercontent.com/12075600/115660962-9a088600-a2f1-11eb-987c-b0a3fc827866.mov

Another option is setting the cardStyleInterpolator to something else in the child stacks:

const defaultSubRouteOptions = {
    cardStyle: styles.navigationScreenCardStyle,
    headerShown: false,
    cardStyleInterpolator: CardStyleInterpolators.forHorizontalIOS, // here
};

This also creates a consistent horizontal animation which imo makes more sense for these routes.

Video

https://user-images.githubusercontent.com/12075600/115661001-ab519280-a2f1-11eb-84fb-4d855a0efc60.mov

1reaction

stephanieelliottcommented, Apr 22, 2021

Thanks @Maftalion! I’ve just sent the offer to you on Upwork.

Top Results From Across the Web

People and conversations | Android Developers

Conversation widgets promote user interaction by allowing them to easily open chats on the home screen. These widgets are enhanced shortcuts that allow...

A Screen Overlay error appears on Samsung phone or tablet

Navigate to Special access. Tap More options (the three vertical dots), and then tap Special access.

Android 11: conversations, bubbles, and making sense of ...

Conversations is the newest section dedicated to notifications that come in from chat apps like Android Messages, Facebook Messenger, and others ...

Opening Android Settings programmatically - kotlin

It opens the device settings in the same window, thus got the users of my android application (finnmglas/Launcher) for android stuck in there....

How to Fix All Problem of Message App Not ... - YouTube

Fix Message App Not Working & Not Showing Message Error in Android Phone #Message # Android Facebook ...