Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Find resource name for text input box and button fields for react native android app

Tags:

I am trying to use the pre-launch report offered by the play store to run my app on different devices. My app requires a sign-in and the pre-launch report supports providing sign-in credentials in advance so that the test framework can sign in during the test. It requires me to fill the following form enter image description here

I don't know how to find the resource name for the text input fields for username and password and sign-in button on the sign-in page. Please let me know if there is a way to either find resource names or specify a resource name for such fields for an Android app built using React Native

like image 952
Varun Gupta Avatar asked Jun 06 '17 09:06

Varun Gupta


People also ask

What is the textinput component in React Native?

For this use case, it would be appropriate to have a component that allows the client to enter text data in your app. This is where React Native’s TextInput component comes in. Apart from strings, we can even customize it to accept passwords and numbers. In this article, you will learn the basics of React Native’s TextInput component.

How to render a graphic with the text field in React Native?

The following code snippet renders a graphic with the text field: The left property tells React Native to display the desired icon on the left. React Native Paper provides two design modes which help in theming: flat: Creates a flat text input with an underline under the written text.

How to retrieve a user’s login credentials in React Native?

Consider a situation where you want to retrieve a user’s login credentials. For this use case, it would be appropriate to have a component that allows the client to enter text data in your app. This is where React Native’s TextInput component comes in. Apart from strings, we can even customize it to accept passwords and numbers.

How do I use checkboxes and radio buttons with react?

Using checkboxes and radio buttons with React Checkboxes and radio buttons use the checked property to determine their UI state (true or false), with their value being an arbitrary name for that selection. What can be confusing about this is that the checked HTML attribute here was intended to just set which checkbox/radio was set initially.


1 Answers

You can try Layout Inspector in android studio.

  1. Run your app in Emulator.
  2. Go to tools > Andriod > Layout inspector and Select your app's process.

Now you can get id of each view. it will be with property name "mID". Check the screenshot below:

enter image description here

EDIT FYI: This is a very old answer which worked initially. It may not work now. So just try this solution. If it doesn't work and you find perfect solution please post a new answer or edit this answer or add link to that answer.

like image 146
Ankit Aggarwal Avatar answered Sep 20 '22 17:09

Ankit Aggarwal