cant display images on Flutter web - flutter-web

i am creating a flutter web project and i am facing a problem than when i try to load images from REST APIs and show them in flutter mobile app, it works fine but on Flutter Web it doesn't show me pics. I used some packeges like ImageNetwork and ExtendedImageNetwork from flutter pub dev. ImageNetwork shows me Images succusfully but this causes some Web rendering issues. like when i hot reload then images remain visible for a while even hot reload has been started. i have attached a output giff file to show my problem.
is there any other solution for rendering images on flutter web then do suggest me.

Related

Testing Local mobile web changes in Chrome Dev Tools

Right now I use Angular at work to edit and create a Web App, but we are having some issues where changes i've made are looking fine on Chromes Dev Tools in Responsive and emulating the Screen sizes but when deployed they're not the same and its causing some CSS issues such as the buttons not being in the same place we expected.
What solutions are out there that I can use Localhost with?

How to change the content and size of the app window that installs the extension

I created a Safari Web Extension using the script that generates the project from a Chrome extension.
My users are confused by the process of buying the app and then running it which just opens a window that does nothing (they keep asking for refunds saying the app doesn't work). So I want to add some more text into the app window that tells them they have to look for the extension in Safari.
I can see how to add the text in the html file called "Main". But in my Mac app this means that the content no longer fits within the apps window. I'm trying to figure out how to change the size of the app window.
Also, the script generates a Mac app with a help menu but it just says that help is not available. How do I go about adding some help to explain that this App does nothing and that the extension is in Safari?
It seems like the script does a lot of the work for you but you still have to learn a bit about developing an App (rather than an extension) to make it a polished experience.

PWA still showing A2HS popup after install

I have a Progressive Web Application which working fine (can be installed and working offline) on Server 1. We made a new server for testing (Server 2), however the PWA cannot be installed properly here. The A2HS popup shows up, installing seems fine, but the icon has a chrome badge at bottom right, and it is not sowing up in the settings/applications list. Reloading the page causes the A2HS popup again, making new icons next to the old ones.
There are three problems I can though at this moment:
Server 1 has normal URL (https://server1/pwa), but Server 2 uses up
address (https://xxx.xxx.x.xxx/pwa).
Accessing Server 2 from mobile shows a warning at
application/Manifest: “some of the icons could not be loaded”. The
icons from the path can be loaded manually. It resolved 200 both
ways, according to the IIS logs. This warning only shows up on
mobile, desktop version works fine. The mobile is connecting through
4G/VPN. The connection is fast, and the icons are less than 40kb
Some IIS configuration mismatch, but I don't remember configuration
about the PWA, it worked out of the box.
Lighthouse shows perfect score. Everything is checked.
My goal is to install the app properly, so it only shows the A2HS once, and install the app to settings/applications.

Pepper Robot Web Debugging

We're trying to show a web page on pepper's tablet, but something goes wrong. How can we get the browser's error messages to debug the web page?
We know js 1.5 is implemented, so we installed all kind of polyfills for Promises, forEach, etc. But no luck. How can we get meaningful debugging info?
thx
Sven
I create a git for showing a web page and send event with the module ALMemory ( see it for an example). For debugging, it is more complicated but you can also try this. You can create a template for showing web page and connect directly it to your robot. For example, you install it on your pc and create a web-page template with python jumpstart.py service-tabletpage my-package-name MyServiceName. A package will be create in a file output. Open this app on choregraphe and install it on the robot. You can after that launch on your computer the web page (double click on index.html, name by default) and just adding at the end of the url ?robot=ip_of_the_robot. You can now debug your code.

SP2013 App icon not rendered, only App link is displayed + how we can set the sliding transparent hover text over App icon?

I am facing an App Icon related issue. I am creating SharePoint Hosted App which I am deploying to SP 2013 Developer site.
By default any app will have the AppIcon set under Images folder. Also it is referred in AppManifest.xml.
I am able to deploy my app successfully and it works fine, but I don’t see the icon/image for the App. All I see is a link of the name of the app.
I have tried another image/Another App, but every time I see the link only.
Any one have any idea on that??
Also curious to know how we can set the sliding transparent hover text over App icon??

Resources