React-Native Interact with website like click button, select checkbox etc. on webpage

Question

I want to open website in React-Native app with below requirements:

Open website from app
Select appropriate record from list
Click on Edit button
Edit appropriate details
Click on Save button

Above is requirement to provide user better experience from app rather than going to website and do multiple clicks. How to achieve above in React-Native?

PS: We used to use WebBrowserControl in desktop windows app for above requirement and want to replicate same in React-Native android app.

Hello, welcome to stackoverflow, please read stackoverflow.com/help/on-topic and stackoverflow.com/help/how-to-ask — Martin54
– Martin54, Commented Dec 4, 2019 at 7:52

abhikumar22 · Accepted Answer · 2019-12-04 06:56:33Z

0

You have to do the same things what you have done in the web part. Just you have to inject the JavaScript code to a webview. Webview will help you to open the website and then you have to inject the JavaScript code based on certain conditions and you can achieve the same as web. More you can read here :-

answered Dec 4, 2019 at 6:56

abhikumar22

1,8222 gold badges14 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

8 Comments

Ramesh Over a year ago

Thanks for your reply. The requirement I mentioned is just 1% of total processing. Actual process is quite complex and lengthy wherein I need to open website, login with user credentials, search for records, select multiple records, perform operation on 1 record at a time, validate rules and finally submit data. Is there any better way like document.getElementById('txtusername'.).value = 'user', document.getElementById('txtpassword'.).value = 'password' and document.getElementById('submitbutton').click()?

abhikumar22 Over a year ago

the code which you have done in web part will help you here,,,,that's what i have told...You need to perform these actions after opening the webview in react native and then inject the JavaScript code to the webview based on conditions. It is possible to do in react native

Ramesh Over a year ago

I tried sample code from facebook.github.io/react-native/docs/webview.html in online editor like codesandbox.io and snack.expo.io. However, both shows blank preview for both URL and static HTML in WebView. Do you have any idea about what am I missing?

abhikumar22 Over a year ago

use webview as child and make a view parent with style equal to flex:1....you are missing there

abhikumar22 Over a year ago

@Ramesh accept the answer if it works for you thanks :)

|

Collectives™ on Stack Overflow

React-Native Interact with website like click button, select checkbox etc. on webpage

1 Answer 1

8 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Related