Trouble storing and loading images locally in Nativescript on IOS - ios

Question

1) Storing images locally to be displayed later via the html, most all of the docs say to store them like in ~/images/image1.png. Typescript/Nativescript says to store these by doing this:
fileSystemModule.knownFolders.currentApp(), then join the "/images/image1.png and write the file. This works great on IOS and Android in debug mode and the simulators, but it doesn't work in a Release version of IOS. IOS gives an error saying you can't access this folder. The nativescript documentation clearly says for currentApp that " iOS - this folder is read-only and contains the app and all its resources.".
Thus, if it's IOS, I do what the doc for the Filesystem/IOS module says:
var dirPath;
if (isIOS) {
dirPath = fileSystemModule.knownFolders.ios.library();
dirPath = fileSystemModule.path.join(fileSystemModule.knownFolders.ios.library().path, '/Application Support/myapp/images/image1.png');
I'm able to write and read files from here from TS code fine. However,
2) For displaying these in my page, for an image in my html, I have src='~./Library/Application Support/myapp/images/image1.png' and it's not able to find them. Any suggestions appreciated.
There are a lot of docs saying how to write files locally using currentApp(), but none talk about how this doesn't work in the Release version of IOS.