How to take screenshots programmatically in a ReactJS android app? - android

I'm trying to build an android app that allows -
Automatically scroll page by page.
Take screenshot after each scroll (and ideally merge all screenshots into one image, if possible) and save the resulting image(s) in an album.
For example - the user opens a very long webpage in the browser, then triggers the app which screenshots the entire webpage automatically by scrolling down and taking screenshots until it reaches the bottom.
There seem to be many libraries to do the screenshot part for React Native but I can't seem to find any for ReactJS. Is it even possible with ReactJS or do I need to learn some other android specific technology to make it happen? I'm a ReactJS and mobile app dev newbie, so I might be missing something obvious.

If I understand well, your Android app is just a webview rendering the React app.
If this is the case, you cannot do anything at React layer. you have to code the logic at native layer (in the native android application).

you can use this package to take screenshot from any pages
"use-react-screenshot"
but this package have some problems. it works by react hooks
or in take screenshot, svg codes not exist in image

Related

Embed react native app inside existing android app

I want to create a page made with native android with a small portion (say a horizontal scroll view) made from react-native inside the same android page like an android page with a react-native widget plugged in, such that the app is completely widgetized.
I know that it is possible to do so because I read about it in this article and some companies are using it.
Can anyone help me how to achieve this?
My question is same to this question, I found a few useful articles related to this matter for iOS but I want a solution for android.

how to create a thumbnail of a webpage in Qt/QML for android

I am developing an app for android on Qt and i want to have thumbnail previews of webpages on certain items. I have been looking everywhere but I can't really find anything except for one post from Nokia where they build an app that creates thumbnails.
The problem is that this app uses "Qt+= webkitwidgets" which is not supported by android so i need to find another way.
Would there be any other way to create a thumbnail of a webpage besides using these classes:
QWebPage
QWebFrame
QWebSettings
As they are part of the webkitwidgets module
I decided to do the creation of thumbnails in a serverside application. This way the android device is not bothered with these things.

Is it possible to tell whether a compiled Android app is using a WebView?

For instance, I want to know what part of the Netflix android app is implemented using a WebView, because I'd like to do something similar (the way the rows and columns of movie thumbnails scroll horizontally and vertically) and want to know if it is even possible using a WebView.
One thing I have done is turned on some of the developer tools on my device, such as the one that draws rectangles around all the views. I can see that the Netflix app just seems to have one main view, with no internal views. But that doesn't necessarily mean it is a WebView.
You can use uiautomatorviewer to inspect the UI of a running production app on a device, to see what widgets it uses and where they are located on-screen.

How can I capture the whole web page in an Android phone while using its browser?

When I visit a web page using Android browser I can capture the visible part of the web page making a screenshot of the whole screen, but I need capture the whole web page, including the part of the web page that is outside the screen, I mean, not just the visible part of the page.
What I want is something like the option "Capture Entire Page" of Awesome Screenshot plugin. Pls, exclude all the programming method for do this, I want a already made tool easy to use for a newbie Android. The idea is allow common users reports layout bugs easily. So, what tool can I use to accomplish that?
A VALID REPLY IS SUCH TOOL NOT EXIST, but pls, put some reference.
You can use the Dolphin browser and Screen Cut add-on to capture full webpages on an Android phone. You do not need root access.
You cannot use any standard android method to get screenshot of entire screen (including non visible portion). But if you have root access, you can read the framebuffer to get the entire contents using this method
https://play.google.com/store/apps/details?id=com.leavjenn.longshot
This does exactly what you want. I have tested it.

Phonegap Application Not Scrolling

I have developed a Phonegap application, and am now trying to run it in the android emulator. My problem is that the application doesn't scroll in the emulator or device, but it works well in a normal browser like mozilla or chrome. Butwhen I test in the emulator or device then it doesn't scroll.
Here is my html file http://pastie.org/3981916
And here is my css file http://pastie.org/3981918
I am not able to find a solution to this problem, can any one help me out please?
well you cant get the normal html scroll behavior when trying to create a app using phonegap on android.
you cant get the overflow:scroll effect for any of the html elements.
you'll need to make use of third party libraries such as jquerymobile, iscroll4, etcfor getting the native look and feel.
or also you can construct your own logic

Categories

Resources