2016-05-17 2 views
3

Я разрабатываю приложение в Ionic 1.7.Выберите раскрывающийся список Ионный текст не отображается

У меня есть меню выбора, и я столкнулся с проблемой с ним.

Для упрощения, мой код, как в документации

<label class="item item-input item-select"> 
    <div class="input-label"> 
     Lightsaber 
    </div> 
    <select> 
     <option>Blue</option> 
     <option selected>Green</option> 
     <option>Red</option> 
    </select> 
    </label> 

http://ionicframework.com/docs/components/#select

Это хорошо работает с большинством устройств, в прошивке и Android. Он показывает собственное меню выбора, и все в порядке.

Но у меня есть проблема с одним устройством - Huawei MediaPad M2. Его корпоративный планшет и это приложение должны работать здесь.

Проблема заключается в том, что с любым кодом, который включает в себя выбранные меню, текст параметров не отображается. Количество элементов верное, и я думаю, что этикетки тоже в порядке, потому что, если я увеличиваю размер меток, коробка тоже растет.

Скриншот для справки

enter image description here

Если открыть образцы в браузере по умолчанию, оно работает, коробки одинаковы, но метки показывают с черным текстом, который не происходит в ионное приложение.

Я попытался удалить все CSS-ионы, добавить все CSS, которые могут работать, обновить приложение Android для Android, обновить планшет, и ничего не получилось.

Я попытался создать новое примерное приложение только с избранным меню, и это тоже произойдет.

Любые идеи или обходные пути о том, как я могу исправить это, или заставить открыть собственное меню выбора?

Спасибо!

+0

Вы пытались отладить его через 'chrome: // inspect/# devices' (или любой другой инструмент отладки - это только мой любимый), когда ваше устройство подключено к вашему компьютеру? Если там есть какие-либо сообщения об ошибках. Или вы даже можете проверить элемент и посмотреть, не можете ли вы обнаружить что-то не так. – thepio

+0

Уверен, я проверял и редактировал все CSS на лету, но я не делал никакого прогресса – Del

+0

Я понятия не имею, почему это происходит, но вы можете попробовать использовать Xwalk, который мог бы решить вашу проблему. Отображается ли проблема при использовании приложения для ионного просмотра? Вы пытались использовать другие устройства Huawei? Кстати, Ionic только до версии 1.3.1, я думаю, что версия, которую вы указали, является версией CLI. – iCediCe

ответ

7

я получил правильный ответ из здесь: Apache Cordova Android 5.0 Select Box Option color

Locate AndroidManifest.xml в платформах/андроида и искать для этого блока:

<activity android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale" android:label="@string/activity_name" android:launchMode="singleTop" android:name="MainActivity" android:theme="@android:style/Theme.Light.NoTitleBar" android:windowSoftInputMode="adjustResize"> 
      <intent-filter android:label="@string/launcher_name"> 
       <action android:name="android.intent.action.MAIN" /> 
       <category android:name="android.intent.category.LAUNCHER" /> 
      </intent-filter> 
     </activity> 

Ключевой параметр является: андроид: тема = "@ android: style/Theme.Light.NoTitleBar "

Когда у меня была такая же проблема, как у вас, это было настроено так:" android: theme = "@ android: style/Theme.DeviceDefault.NoActionBar". Theme.Light.NoTitleBar "дал мне черный текст на белом в моих выделенных выпадающих списках.

+0

кто-то должен отметить это как правильный ответ. Благодаря @Dylan – RobertH

Смежные вопросы