How to use Flipper for Mobile UI element identification

Download
Download from: https://fbflipper.com/

AUT: Woolworths Shopping App

Find Activity and element Id
Connect your device to your Mac and open the app

Open Flipper
In the “WOOLWORTHS” panel (on the left hand side), tap “Layout” to enable it

To …


This content originally appeared on DEV Community and was authored by Raghwendra Sonu

Download
Download from: https://fbflipper.com/

AUT: Woolworths Shopping App

Find Activity and element Id
Connect your device to your Mac and open the app

Open Flipper
In the “WOOLWORTHS” panel (on the left hand side), tap “Layout” to enable it
image

To find the Activity that launches a screen, open the app and navigate to that same screen

Flipper should now show you the name of the Activity

image

To find an Element Id, open the app and navigate to the screen

Once on the screen return to Flipper

You can now use the arrow keys to navigate through each element until the correct one

image

View Shared Preference details
Connect your device to your Mac and open the app

Open Flipper
In the “WOOLWORTHS” panel (on the left hand side), tap “Shared Preference Viewer” to enable it

image

Select any dropdown you want to see the different values stored in the app

If you want to see the user details saved in the app, select “accountPrefs“ from the dropdown

image


This content originally appeared on DEV Community and was authored by Raghwendra Sonu


Print Share Comment Cite Upload Translate Updates
APA

Raghwendra Sonu | Sciencx (2021-05-22T05:39:05+00:00) How to use Flipper for Mobile UI element identification. Retrieved from https://www.scien.cx/2021/05/22/how-to-use-flipper-for-mobile-ui-element-identification/

MLA
" » How to use Flipper for Mobile UI element identification." Raghwendra Sonu | Sciencx - Saturday May 22, 2021, https://www.scien.cx/2021/05/22/how-to-use-flipper-for-mobile-ui-element-identification/
HARVARD
Raghwendra Sonu | Sciencx Saturday May 22, 2021 » How to use Flipper for Mobile UI element identification., viewed ,<https://www.scien.cx/2021/05/22/how-to-use-flipper-for-mobile-ui-element-identification/>
VANCOUVER
Raghwendra Sonu | Sciencx - » How to use Flipper for Mobile UI element identification. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/05/22/how-to-use-flipper-for-mobile-ui-element-identification/
CHICAGO
" » How to use Flipper for Mobile UI element identification." Raghwendra Sonu | Sciencx - Accessed . https://www.scien.cx/2021/05/22/how-to-use-flipper-for-mobile-ui-element-identification/
IEEE
" » How to use Flipper for Mobile UI element identification." Raghwendra Sonu | Sciencx [Online]. Available: https://www.scien.cx/2021/05/22/how-to-use-flipper-for-mobile-ui-element-identification/. [Accessed: ]
rf:citation
» How to use Flipper for Mobile UI element identification | Raghwendra Sonu | Sciencx | https://www.scien.cx/2021/05/22/how-to-use-flipper-for-mobile-ui-element-identification/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.