Пишу phonegap приложение в eclipse и столкнулся с проблемой. При загрузке приложения и при переходе между экранами в приложении, появляется/мигает на несколько мс белый экран. Нашел вроде
здесь ответ, но не помогает. Кто сталкивался с подобным?
Код config.xml
<?xml version="1.0" encoding="UTF-8"?>
<widget xmlns = "http://www.w3.org/ns/widgets"
id = "io.cordova.helloCordova"
version = "2.0.0">
<name>Hello Cordova</name>
<description>
A sample Apache Cordova application that responds to the deviceready event.
</description>
<access origin="*"/>
<plugins>
<plugin name="SplashScreen" value="org.apache.cordova.SplashScreen"/>
</plugins>
</widget>
Код index.html
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, user-scalable=no" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<link href="main.css" rel="stylesheet" type="text/css">
<script type="text/javascript" charset="utf-8" src="cordova-2.9.0.js"></script>
<script type="text/javascript" charset="utf-8">
// Wait for device API libraries to load
//
document.addEventListener("deviceready", onDeviceReady, false);
// device APIs are available
//
function onDeviceReady() {
navigator.splashscreen.hide();
}
</script>
</head>
<body >
<div id="leftcol">
<div id="upper_left"><img src="images/upper_left_corner.png" width="100%"></div>
<div id ="down_left"><img src="images/down_left_corner.png" width="100%"></div>
</div>
<div id="centercol">
<div id="center" align="center">
<img src="images/name.png" width="100%"><br><br>
<form>
<button class="read" formaction="read.html">Читать</button><br>
<button class="chapters" formaction="chapters.html">Содержание</button></form>
</div>
</div>
<div id="rightcol">
<div id="upper_right"><img src="images/upper_right_corner.png" width="100%"></div>
<div id="down_right"><img src="images/down_right_corner.png" width="100%"></div>
</div>
</body>
</html>
Простой