Содержимое панели состояния iOS

У меня встроено приложение для телефонных разговоров, оно отлично работает на Android и Windows. Но для iOS я столкнулся с проблемой, поскольку содержимое строки состояния и содержимое страницы смешаны, поэтому я не могу нажать кнопку «Назад», представленную в заголовке. Может ли кто-нибудь помочь мне в этом?

Это мой файл config.xml

<?xml version="1.0" encoding="UTF-8"?> <widget xmlns = "http://www.w3.org/ns/widgets" xmlns:gap = "http://phonegap.com/ns/1.0" id = "io.example.com" version = "1.0.2"> <name>MyAPP</name> <description> </description> <author email="rakesh@gmail.com"> Rakesh </author> <access origin="*"/> <content src="index.html" /> <preference name="target-device" value="universal" /> <!-- all: possible values handset, tablet, or universal --> <!-- <preference name="fullscreen" value="true" /> --> <!-- all: hides the status bar at the top of the screen --> <preference name="webviewbounce" value="false" /> <!-- ios: control whether the screen 'bounces' when scrolled beyond the top --> <preference name="ios-statusbarstyle" value="black-opaque" /> <!-- ios: black-translucent will appear black because the PhoneGap webview doesn't go beneath the status bar --> <preference name="auto-hide-splash-screen" value="true" /> <!-- ios: if set to false, the splash screen must be hidden using a JavaScript API --> <preference name="android-minSdkVersion" value="7" /> <!-- android: MIN SDK version supported on the target device. MAX version is blank by default. --> <preference name="phonegap-version" value="3.7.0" /> <icon src="icon.png" /> <icon src="icon-57.png" gap:platform="ios" width="57" height="57" /> <icon src="icon-72.png" gap:platform="ios" width="72" height="72" /> <icon src="icon-57-2x.png" gap:platform="ios" width="114" height="114" /> <icon src="icon-72-2x.png" gap:platform="ios" width="144" height="144" /> <icon src="icon-120.png" gap:platform="ios" width="120" height="120" /> <icon src="icon-76.png" gap:platform="ios" width="76" height="76" /> <icon src="icon-76-2x.png" gap:platform="ios" width="152" height="152" /> <gap:plugin name="com.phonegap.plugin.statusbar" /> <gap:plugin name="org.apache.cordova.device" /> <gap:plugin name="org.apache.cordova.dialogs" /> <gap:plugin name="org.apache.cordova.camera" /> <gap:splash src="SplashScreenImage.jpg" gap:platform="winphone" /> <gap:splash src="splash.png" /> <gap:splash src="screen-iphone-portrait.png" gap:platform="ios" width="320" height="480" /> <gap:splash src="screen-iphone-portrait-2x.png" gap:platform="ios" width="640" height="960" /> <gap:splash src="screen-iphone-portrait-568h-2x.png" gap:platform="ios" width="640" height="1136" /> <gap:splash src="screen-ipad-portrait.png" gap:platform="ios" width="768" height="1024" /> <gap:splash src="screen-ipad-landscape.png" gap:platform="ios" width="1024" height="768" /> <gap:config-file platform="ios" parent="CFBundleShortVersionString"> <string>100</string> </gap:config-file> <feature name="App"> <param name="android-package" value="org.apache.cordova.App"/> </feature> <feature name="http://api.phonegap.com/1.0/network"/> <!-- Deprecated plugins element. Remove in 3.0 --> </widget> 

6 Solutions collect form web for “Содержимое панели состояния iOS”

Добавьте эти строки в файл config.xml

 <preference name="StatusBarOverlaysWebView" value="false" /> <preference name="StatusBarBackgroundColor" value="#000000" /> <preference name="StatusBarStyle" value="lightcontent" /> <gap:plugin name="com.phonegap.plugin.statusbar" /> 

Принятый ответ от sunil больше не актуален, плагин устарел.

Используйте следующее в вашем файле config.xml

 <preference name="StatusBarOverlaysWebView" value="false" /> <preference name="StatusBarBackgroundColor" value="#000000" /> <preference name="StatusBarStyle" value="lightcontent" /> <plugin spec="https://github.com/apache/cordova-plugin-statusbar.git" source="git" /> 

Если вы хотите скрыть StatusBar totaly, вы можете добавить два ключа в свой info.plist которые являются Booleans:

 Status bar is initially hidden - YES View controller-based status bar appearance - NO 

Это можно сделать с помощью плагина состояния . Все, что вам нужно – установить плагин через плагин phonegap plugin add https://github.com/apache/cordova-plugin-statusbar.git командной строки, phonegap plugin add https://github.com/apache/cordova-plugin-statusbar.git а затем добавьте StatusBar.hide(); onDeviceReady.

Примененное разрешение @sunil, но,

Моя проблема заключалась в «политике безопасности контента» на iOS 10

Добавлена ​​строка ниже в index.html. Проблема:

 <meta http-equiv="Content-Security-Policy" content="default-src 'self' gap://ready file://* *; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline' 'unsafe-eval'"> 

Для более подробного использования в codova 6+ теперь, для большего количества решений @ sunil, мы должны использовать

 cordova plugins add -save cordova-plugin-statusbar 

Для подробного использования: https://www.npmjs.com/package/cordova-plugin-statusbar

  • ОШИБКА: плагин 'EmailComposer' не найден или не является CDVPlugin. Проверьте плагин в файле config.xml
  • Обновление версии Cordova 1.9 до 2.0 «#import <Cordova / CDVPlugin.h>« Ошибка файла не найдена
  • Push-уведомления с FCM на DevExtreme / Phonegap
  • Файл плагина Phonegap-файла для копирования из пакета приложения в постоянное хранилище
  • Как добавить собственный вид из плагина Cordova
  • Для приложения PhoneGap требуется исходный код iOS для фоновой службы?
  • Создание плагина Phonegap / Cordova IOS для запуска видео с помощью AVPlayer
  • Закрытие объявлений AdMob после открытия в Кордове, для iOS
  • PhoneGap Notification.Alert не работает
  • MediaFile.getFormatData () недавно записанного видео содержит плохую информацию
  • Подключение к телефонной сети - невозможно прочитать свойство «тип» неопределенного
  • PhoneC: Разработка iOS проста с помощью XCode, Swift3, UITableView, cocatouch, давайте создадим приложения для iPhone, iPad и Macbook.